有关网页制作：当鼠标移动到滚动的图片时,想要让它停下来的，当鼠标移开时，继续滚动的代码如何写？
1个回答
展开全部
<html> <head> <title>图片滚动</title> </head> <body> <div id="demo" style="overflow:hidden;height:100;width:180;"> <div id="demo1" > <img src=" http://t3.baidu.com/it/u=672709919,3162573360&fm=0&gp=0.jpg"> <img src=" http://t1.baidu.com/it/u=2205334407,2170764415&fm=0&gp=0.jpg"> <img src=" http://t3.baidu.com/it/u=672709919,3162573360&fm=0&gp=0.jpg"> <img src=" http://t1.baidu.com/it/u=2205334407,2170764415&fm=0&gp=0.jpg"> </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> 这个你只要把你需要的图片替换下就OK了,如果觉得太小的话,改下width跟height就好了..
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
|
广告 您可能关注的内容 |
