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

jquery求指点 我写了一个setInterval 但是想hover停止，mouseout继续，求指点
下面我写好了，但是mouseout不能继续，求指点
<div class="div1">1</div>
$(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(){
    }               
);
                  
}); 

解决方案 »

  1.   


    <!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>这个意思？