oUp.onmousedown=function()
{
clearInterval(timer)
timer=setInterval(function(){
if(num>=0) num=0
oImg.style.top=curposition+num+'px'
num += 10
},30)
}
oUp.onmouseup=function()
{
clearInterval(timer)
}
在鼠标按下的时候开一个定时器就可以了
给你一个恩路!假设你把页面用表格分面N块,你在每一个表格中加入onmouseover事件,此事件中把当前时间与一个全局的上次更新时间比较,如果当前时间比上次时间小则表示大规定时间内用户动了鼠标,并把这次当前时间加上指定的时间范围保存到那个全局变量中!
如果 当前时间<上次设置过期时间
设置过期时间=当前时间+过期范围
否则 用户在过期范围时间内没有动
第一:js进行鼠标悬停事件来处理DOM实际上是不合理的。对于界面交互上能通过css处理的事件就不要用js来处理;第二:恰好css对于鼠标悬停是有对应的选择器及其处理;
处理方法:如图A:
假设A的id为a,css代码如下:
#a{
width:100px
height:36px
float:left
//对于位置的固定可以自行选择处理,当前用float固定。
#a:hover{
width:200px
}
结果将会如你图中所需要的完成。
如必须用JS处理的话,代码如下:
//既定a的样式已明确:
//html代码:
<span id='a' onmouseover="fc1(this)"
onmouseout="fc2(this)"></span>
<script>
function fc1(node){
node.style.width = '200px'
}
function fc2(node){
node.style.width = '100px'
}
</script>