首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

div内容滚动有关问题

2013-07-30 
div内容滚动问题!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR

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>之类的

热点排行