关于mouseover触发函数的有关问题

2012-06-09

关于mouseover触发函数的问题大家好我想做个鼠标悬停文本框滚动的效果我希望鼠标在上面的时候就一直滚，离

关于mouseover触发函数的问题
大家好
我想做个鼠标悬停文本框滚动的效果
我希望鼠标在上面的时候就一直滚，离开就不滚
于是写了

JScript code

$(document).ready(function(){    $("#up_btn").hover(function(){        var new_num = parseInt($("#move_box").css("top"));        $("#move_box").css("top",new_num+1);    })})

但是我鼠标悬停后只滚了一次
有没办法让他一直滚直到我鼠标离开呢？
请求高手解答，谢谢了！

[解决办法]

HTML code

<!DOCTYPE HTML><html>    <head>        <meta charset="gb2312" />        <title></title>        <script src="http://code.jquery.com/jquery-latest.js"></script>        <style>            div {                position:absolute; top:300px; left:200px;                width:20px; height:20px;                border:1px solid red;            }        </style>            </head>    <body>        <button id="up_btn">hover</button>        <div id="move_box"></div>        <script>            var timer;            $(document).ready(function(){                $("#up_btn").hover(function(){                        timer = setInterval(function(){                        var new_num = parseInt($("#move_box").css("top"));                        $("#move_box").css("top",new_num+1);                    }, 30)                }, function(){                    clearInterval(timer);                })            })        </script>    </body></html>
[解决办法]
$(document).ready(function(){
       $("#up_btn").hover(
       setInterval(function(){
       var new_num = parseInt($("#move_box").css("top"));
       $("#move_box").css("top",new_num+1);
   };
,1000)

)
})
试试。。

热点排行

JavaScript

关于mouseover触发函数的有关问题