div内容滚动有关问题
日期：2014-05-16 浏览次数：20394 次
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里面的内容怎么就一点都不滚动呢？哪里出问题了？
------解决方案--------------------
<!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?滚动
------解决方案--------------------
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
