<div id="demo" style="width: 480px; height: 105px; overflow: hidden;">
<div id="demo1" style="height:105px; float:left">
(这里是放了十张图片,不列出了)
</div>
<div id="demo2" style="height:105px; float:left">
</div> <script type="text/javascript" language="javascript">
var speed=20
demo2.innerHTML=demo1.innerHTML
function Marquee()
{
if(demo1.offsetWidth-demo.scrollLeft<=0)
demo.scrollLeft=0
else
demo.scrollLeft++
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function(){clearInterval(MyMar)}
demo.onmouseout=function(){MyMar=setInterval(Marquee,speed)}
</script>
</div>
<div id="demo1" style="height:105px; float:left">
(这里是放了十张图片,不列出了)
</div>
<div id="demo2" style="height:105px; float:left">
</div> <script type="text/javascript" language="javascript">
var speed=20
demo2.innerHTML=demo1.innerHTML
function Marquee()
{
if(demo1.offsetWidth-demo.scrollLeft<=0)
demo.scrollLeft=0
else
demo.scrollLeft++
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function(){clearInterval(MyMar)}
demo.onmouseout=function(){MyMar=setInterval(Marquee,speed)}
</script>
</div>
解决方案 »
- 求解,在线等
- js控制按钮实现图片切换
- 关于innerHTML的问题,新学
- [求助] 关于javascript的构造函数链,在派生类中定义一个属性引用它的基类,然后在派生类的构造函数中引用基类的构造函数。
- 弱弱问一个问题,请支援
- 请问这段代码的作用是什么
- 请问如何和javascript控制页面中的realplay组件?
- 请问如何获取当前网页的滚动条的位置
- 求救:window.print()方法能不能设置客户端页面格式,而不让它在页眉出现 类似 “页码:1/2”的字样?
- 请问用JAVASCRIPT怎样对cookie作操作?
- 使用event.keyCode来判断是否为数字
- 求一JAVAscript效果,层的显示与隐藏!!!!!!!!!!!!!!
demo.scrollLeft=0
之后就进死循环了
demo.scrollLeft=0这个动作一直在执行
你的写法会出现一种情况,你的JS找不到demo。
原因是你的demo 这个DIV没有生成完。
建议吧JS写到完整的DIV外面<div id="demo" style="width: 480px; height: 105px; overflow: hidden;">
<div id="demo1" style="height:105px; float:left">
</div>
<div id="demo2" style="height:105px; float:left">
</div>
</div> <script type="text/javascript" language="javascript">
var speed=20
demo2.innerHTML=demo1.innerHTML
function Marquee()
{
if(demo1.offsetWidth-demo.scrollLeft <=0)
demo.scrollLeft=0
else
demo.scrollLeft++
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function(){clearInterval(MyMar)}
demo.onmouseout=function(){MyMar=setInterval(Marquee,speed)}
</script>
<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>新建网页 1</title>
</head><body>
<div id="demo" style="width: 480px; height: 405px; overflow: hidden;">
<div style=height:105px;width:2000 >
<div id="demo1" style="height:105px; float:left;">
<img
src="images/1.jpg"><img
src="images/2.jpg"><img
src="images/3.jpg"><img
src="images/4.jpg"><img
src="images/5.jpg"><img
src="images/6.jpg"><img
src="images/7.jpg"><img
src="images/8.jpg"><img
src="images/9.jpg"><img
src="images/10.jpg">
</div>
<div id="demo2" style="height:105px; float:left;">
</div>
</div> <script type="text/javascript" language="javascript">
var speed=2
demo2.innerHTML=demo1.innerHTML
function Marquee()
{
if(demo1.offsetWidth-demo.scrollLeft <=0)
demo.scrollLeft=0
else
demo.scrollLeft++
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function(){clearInterval(MyMar)}
demo.onmouseout=function(){MyMar=setInterval(Marquee,speed)}
</script>
</div>
</body></html>