如何实现不间断的滚动有背景图片,小弟我下面的没有,只是白的?
日期：2014-05-17 浏览次数：20885 次
怎么实现不间断的滚动有背景图片,我下面的没有,只是白的???
<html>
<head>
</head>
<body>
<div id= "demo " style= "OVERFLOW:hidden;WIDTH:150px;HEIGHT:400px ">
<div id= "demo1 ">
<img src= 'img/1.jpg ' alt= "1.jpg "> <br/>
<img src= 'img/2.jpg ' alt= "2.jpg " id= "IMG1 "> <br/>
<img src= 'img/3.jpg ' alt= "3.jpg "> <br/>
<img src= 'img/4.jpg ' alt= "4.jpg "> <br/>
<img src= 'img/5.jpg ' alt= "5.jpg "> <br/>
<img src= 'img/6.jpg ' alt= "6.jpg "> <br/>
<img src= 'img/7.jpg ' alt= "7.jpg "> <br/>
<img src= 'img/8.jpg ' alt= "8.jpg "> <br/>
</div>
<div id= "demo2 "> </div>
</div>
<script>
var speed=30;
demo2.innerHTML=demo1.innerHTML
function Marquee()
{
if(demo2.offsetTop-demo.scrollTop <=0)
demo.scrollTop-=demo1.offsetHeight;
else
demo.scrollTop++;
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>
</body>
</html>
------解决方案--------------------
做个表格啦，然后再套你目前的表格，不就可以弄背景了？图片、颜色都行啊
<html>
<head>
</head>
<body>
<div id= "demo " style= "OVERFLOW:hidden;WIDTH:150px;HEIGHT:400px ">
<div id= "demo1 ">
<img src= 'img/1.jpg ' alt= "1.jpg "> <br/>
<img src= 'img/2.jpg ' alt= "2.jpg " id= "IMG1 "> <br/>
<img src= 'img/3.jpg ' alt= "3.jpg "> <br/>
<img src= 'img/4.jpg ' alt= "4.jpg "> <br/>
<img src= 'img/5.jpg ' alt= "5.jpg "> <br/>
<img src= 'img/6.jpg ' alt= "6.jpg "> <br/>
<img src= 'img/7.jpg ' alt= "7.jpg "> <br/>
<img src= 'img/8.jpg ' alt= "8.jpg "> <br/>
</div>
<div id= "demo2 "> </div>
</div>
<script>
var speed=30;
demo2.innerHTML=demo1.innerHTML
function Marquee()
{
if(demo2.offsetTop-demo.scrollTop <=0)
demo.scrollTop-=demo1.offsetHeight;
else
demo.scrollTop++;
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>
</body>
</html>
------解决方案--------------------
做个表格啦，然后再套你目前的表格，不就可以弄背景了？图片、颜色都行啊
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
