打印

关于横向滚动的问题

自己不会写,上网搜,结果一大堆,但都是千篇一律。。而且全是表格的。

后来拿来自己改了改。用DOM方法创建节点,不过还是没反应。

谁来帮忙看看代码有问题没?
引用:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-cn" lang="zh-cn">
<head>
<title>迅铃无线呼叫系统</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta http-equiv="Content-Language" content="gb2312" />
<meta name="keyword" content="迅铃,无线呼叫,电子产品" />
<meta name="author" content="MarVel" />
<script type="text/javascript" src="js/swfobject.js"></script>
<link rel="stylesheet" rev="stylesheet" href="style/main.css" media="screen" />
<style type="text/css">
/* <![CDATA[ */
body {margin:50px;}
* {margin:0; padding:0; list-style:none; }
a {font-size:12px; text-decoration:none; color:#02A6DA; display:block;}
a:hover, a:active {color:#FF8A00;}
#goods {width:610px; height:145px; overflow:hidden; border:1px solid #ccc; padding:5px 0;}
#goods ul li {float:left; margin:5px; display:inline;}
#goods ul li a {width:110px; line-height:20px; text-align:center;}
#goods ul li a img {display:block; width:102px; height:96px; padding:3px; border:1px solid #02A6DA;}
/* ]]> */
</style>
</head>

<body>
<div id="goods">
       <ul>
              <li><a href="#" title=""><img src="images/chanpin/APE-550.gif" alt="APE-550" />APE-550</a><a href="#" title="">呼叫器系列</a></li>
              <li><a href="#" title=""><img src="images/chanpin/APE-550.gif" alt="APE-550" />APE-550</a><a href="#" title="">呼叫器系列</a></li>
              <li><a href="#" title=""><img src="images/chanpin/APE-550.gif" alt="APE-550" />APE-550</a><a href="#" title="">呼叫器系列</a></li>
              <li><a href="#" title=""><img src="images/chanpin/APE-550.gif" alt="APE-550" />APE-550</a><a href="#" title="">呼叫器系列</a></li>
              <li><a href="#" title=""><img src="images/chanpin/APE-550.gif" alt="APE-550" />APE-550</a><a href="#" title="">呼叫器系列</a></li>
              <li><a href="#" title=""><img src="images/chanpin/APE-550.gif" alt="APE-550" />APE-550</a><a href="#" title="">呼叫器系列</a></li>
              <li><a href="#" title=""><img src="images/chanpin/APE-550.gif" alt="APE-550" />APE-550</a><a href="#" title="">呼叫器系列</a></li>
       </ul>
</div>
</div>       
<script type="text/javascript">
/* <![CDATA[ */
var speed=30
var goods = document.getElementById("goods");
var goods_ul = goods.getElementsByTagName("ul")[0];
var goods1 = document.createElement("div");
var goods2 = document.createElement("div");
goods.appendChild(goods1);
goods.appendChild(goods2);
goods1.appendChild(goods_ul);
goods2.innerHTML=goods1.innerHTML
function Marquee(){
       if(goods2.offsetWidth-goods.scrollLeft<=0){
              goods.scrollLeft-=goods1.offsetWidth
       }else{
              goods.scrollLeft++
       }
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
/* ]]> */
</script>
</body>
</html>
[ 本帖最后由 MarVell 于 2008-7-14 15:34 编辑 ]
不在放荡中变坏,就在沉默中变态...
对JS不懂,友情帮顶一下吧。
Div之家__专业Div+CSS技术站点 divhome.com

我也不懂

也想学,帮顶
谁帮忙解决下。。。
不在放荡中变坏,就在沉默中变态...

TOP

还在为头像烦恼?还在为不能关注好友动态烦忧?快来蓝色理想家园吧!