var menu = document.getElementById('menu')
var img = menu.getElementsByTagName('img')
menu.onmouseout = function(){
for(var i=0i<img.lengthi++){
var src = img[i].src
if(src.indexOf('_over')!=-1) {
var index = src.lastIndexOf('.')
img[i].src = src.substr(0,index-5)+src.substr(index,src.length)
}
}
}
menu.onmouseover = function(){
for(var i=0i<img.lengthi++){
var src = img[i].src
if(src.indexOf('_over')!=-1) continue
var index = src.lastIndexOf('.')
img[i].src = src.substr(0,index)+'_over'+src.substr(index,src.length)
}
}
}
不谢，请叫我红领巾
我写的代码，要下班了，所以就简单注释一下。鼠标经过会停止，移开鼠标会继续走。已经测试过了。另存xx.htm打开可看效果。1234567891011121314151617181920212223242526272829303132<script type="text/javascript">var timer_movexstart_timer()function start_timer(){ timer_movex = setInterval(function() {//setInterval是js循环定时器每隔一段时间就执行一次function代码 var x = document.getElementById('x')//获得id为x的html元素 if(x.offsetLeft >= 800)x.style.left = 0//如果移动到了800的位置，则跳回左边0点重新开始移动 elsex.style.left = x.offsetLeft + 50//向右移动20个像素}, 1000)//每隔1000毫秒移动一次} function stop_timer() { clearInterval(timer_movex)} function movex(v) { var x = document.getElementById('x')//获得id为x的html元素 x.style.left = x.offsetLeft + v//移动v个像素，v为正数则向右，负数则向左。x.style.left即为左边框位置。}</script><div id="x" style="position:absoluteleft:500pxtop:100pxwidth:100pxheight:100pxborder=1px solid #000" onmouseover="stop_timer()" onmouseout="start_timer()"><h1>TEST</h1></div><form><input id="test" onclick="movex(-100)" value="点击左移" type="button"/><input id="test" onclick="movex(100)" value="点击右移" type="button"/><input id="test" onclick="start_timer()" value="start" type="button"/><input id="test" onclick="stop_timer()" value="stop" type="button"/></form>
