求高手。 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菜单