读书人

div内容滚动有关问题

发布时间: 2013-07-30 12:05:31 作者: rapoo

div内容滚动问题
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
#cloud_big{overflow:hidden; width:1300px; left:0; top:0;}
#cloud_big1 ul{ list-style:none; width:1500px; float:left; }
#cloud_big1 li{float:left; width:500px;}
</style>
<script type="text/javascript" src="js/jquery-1.8.3.js"></script>
</head>

<body bgcolor="#333333">
<div id="cloud_big">
<div id="cloud_big1">
<ul>
<li><img id="cloud1" src="images/cloud1.png" /></li>
<li><img id="cloud2" src="images/cloud2.png" /></li>
<li><img id="cloud2" src="images/cloud3.png" /></li>
</ul>
</div>
<div id="cloud_big2"></div>
</div>
<script type="text/javascript">
jQuery(function(){
var speed=50;
var cloud_big= $("cloud_big");
var cloud_big1= $("cloud_big1");
var cloud_big2= $("cloud_big2");
cloud_big2.html(cloud_big1.html());
function Marquee(){
if(cloud_big.scrollLeft()>=cloud_big1.width())
cloud_big.scrollLeft(0);
else{
cloud_big.scrollLeft(cloud_big.scrollLeft()+1);
}
}
var MyMar=setInterval(Marquee,speed) ;
});
</script>
</body>
</html>
想问下这样子div里面的内容怎么就一点都不滚动呢?哪里出问题了? HTML jQuery js?div?滚动
------解决方案--------------------


漏了#号了吧


var cloud_big= $("#cloud_big");
var cloud_big1= $("#cloud_big1");
var cloud_big2= $("#cloud_big2");

[解决办法]
var cloud_big= $("cloud_big");
var cloud_big1= $("cloud_big1");
var cloud_big2= $("cloud_big2");
改成:
var cloud_big= $("#cloud_big");
var cloud_big1= $("#cloud_big1");
var cloud_big2= $("#cloud_big2");
没有“#”jquery是取不到元素的
[解决办法]
你取的是div的id,所以是要#cloud_big,不然获取不到这个div,只有标签名不用#,例如<ul>,<li>之类的

读书人网 >JavaScript

热点推荐