2oup = document.getElementById(up)，说是 img 标签在IE10嵌套以下会有， 3odown = document.getElementById(down)。

图片向上移动，先上一段代码 HTML： 1 div class=all id=box2img id=image src=psb.png width=512 height=1470 3span id=up/span4span id=down/span5 /div CSS: 1 .all{ 2position: relative; 3width: 512px; 4height: 400px; 5border: 1px solid #000; 6margin:100px auto; 7overflow: hidden; 8 } 9 span{10width: 512px; 11height: 200px; 12position: absolute; 13left: 0; 14top: 0; 15cursor: pointer;16 }17 #down{ 18top: auto; 19bottom: 0; 20 } JS: 1 var ops = document.getElementById(image)， 5timer = null; 6num = 0; 7 8 oup.onmouseover = function(){9clearInterval(timer);10timer = setInterval(function(){11num -= 4;12if(num -1070){13num = -1070;14clearInterval(timer);15}16ops.style.marginTop = num+px;17}，因为opacity有兼容问题，分开则遏制，厥后在IE10以下利用的时候发明无法利用， 然而在IE10以下版本鼠标移上 span 的时候没有任何结果， 4obox = document.getElementById(box)， 之前写过的一段简朴的demo。

所以加上filter。

进过多次测试，然后配置为透明， 鼠标移上又有结果了 增加代码： 1 background: #fff;2 opacity: 0;3 filter:alpha(opacity=0); 添加配景致，30)30 }31 32 obox.onmouseout = function(){ 33clearInterval(timer);34 } 实现的结果就是当鼠标移动到上面 span 的时候，移动到下面 span 的时候。

最后也是可以办理问题 ，发明白两种办理步伐 要领一： 进过测试发明假如给 span 加上配景颜色的话，图片向下移动，30)18 }19 20 odown.onmouseover = function(){ 21clearInterval(timer);22timer = setInterval(function(){23num += 4;24if(num 0){25num = 0;26clearInterval(timer);27}28ops.style.marginTop = num+px;29}，所以把img标签放到div外面来 1 img id=image src=psb.png width=512 height=1470 2 div class=all id=box3span id=up/span4span id=down/span5 /div 然后再把样式修改好，最后结果和之前完全一样 要领二： 厥后问了伴侣，。