当前位置:编程学习 > html/css >>

求高手。 div+css 鼠标指向流动图片停止。请教。更正。(其中 class是又联入了链接css样式表)

<div class="buttom_2c" id="demo"> <div id="indemo"> <div class="demo1"> <div class="buttom_2c1a"><img src="images/eb3310.gif" /></div> <div class="buttom_2c1a"><img src="images/eb3320.gif" /></div> <div class="buttom_2c1a"><img src="images/eb3300.gif" /></div> <div class="buttom_2c1a"><img src="images/eb3280.gif" /></div> <div class="buttom_2c1a"><img src="images/eb3290.gif" /></div> </div> <div id="demo2"></div> </div> </div> <style type="text/javascript"> <script> <!-- var speed=10; //数字越大速度越慢 var tab=document.getElementById("demo"); var tab1=document.getElementById("demo1"); var tab2=document.getElementById("demo2"); tab2.innerHTML=tab1.innerHTML; function Marquee(){ if(tab2.offsetWidth-tab.scrollLeft<=0) tab.scrollLeft-=tab1.offsetWidth else{ tab.scrollLeft++; } } var MyMar=setInterval(Marquee,speed); tab.onmouseover=function() {clearInterval(MyMar)}; tab.onmouseout=function() {MyMar=setInterval(Marquee,speed)}; --> </script>
追问:能不能 给我编辑一个 完整的 向上移动的图片 鼠标指向停止 的代码?
答案:<div class="demo1">·····这里应该是ID  <div id="demo1"> 如果要class 的话
那就是  <div id="demo1" class="demo1"> 
这里 ID是必须要有的
因为 var tab1=document.getElementById("demo1");
js是去寻找的ID  所以 demo的ID  你也没有
正确的结构 应该是这样的
<div id="demo" class="buttom_2c"> 
<div id="demo1"> 
            <div class="buttom_2c1a"><img src="images/eb3310.gif" /></div>
            <div class="buttom_2c1a"><img src="images/eb3320.gif" /></div>
            <div class="buttom_2c1a"><img src="images/eb3300.gif" /></div>
            <div class="buttom_2c1a"><img src="images/eb3280.gif" /></div>
            <div class="buttom_2c1a"><img src="images/eb3290.gif" /></div>
</div> 
<div id="demo2"></div> 
</div>
其他:onmouseover="this.stop()" onmouseout="this.start()"
标签事件注册这两个就可以实现,指上去停,一开动的效果,楼上的太复杂 
如果是在标签外面的js,this换成具体对象就可以了. tab.onmouseover=function() {clearInterval(MyMar)};
这句话就是实现你说的那个效果的啊,难道不行? 

上一个:如何才能学好div+css呢?
下一个:js动态添加div菜单

CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,