首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

jquery求指点 小弟我写了一个setInterval 但是想hover停止,mouseout继续,求指点

2012-05-09 
jquery求指点 我写了一个setInterval 但是想hover停止,mouseout继续,求指点jquery求指点 我写了一个setInt

jquery求指点 我写了一个setInterval 但是想hover停止,mouseout继续,求指点
jquery求指点 我写了一个setInterval 但是想hover停止,mouseout继续,求指点


下面我写好了,但是mouseout不能继续,求指点

HTML code
<div class="div1">1</div>


JScript code
$(document).ready(function() {        picTimer = setInterval(function()         {showPic();},1000);     function showPic() {         $(".div1").animate({marginTop:"40px"},500);        $(".div1").animate({marginTop:"-40px"},500);     }  $(".div1").hover(    function() {        clearInterval(picTimer);    }    ,function(){    }                       );                                     }); 


[解决办法]
HTML code
<!DOCTYPE HTML><html>    <head>        <meta charset="gbk" />        <title></title>        <style>            div {                position:absolute; left:200px; top:200px;                border:1px solid red;                width:20px; height:20px;            }        </style>    </head>    <body>        <div class="div1">1</div>        <script src="http://code.jquery.com/jquery-latest.js"></script>                <script>$(document).ready(function() {        picTimer = setInterval(showPic, 1000);     function showPic() {         $(".div1").animate({marginTop:"40px"},500);        $(".div1").animate({marginTop:"-40px"},500);     }  $(".div1").mouseover(function(){    $(this).stop();    clearInterval(picTimer);  }).mouseout(function(){    picTimer = setInterval(showPic, 1000);     })                                     });         </script>    </body></html> 

热点排行