search

Home  >  Q&A  >  body text

javascript - annimate只能执行一次

写了个p代码,发现只能执行一次,搜网页,发现可以多次执行,到底要怎么才能多次执行,按钮状态可以多次,但是p不行

<script>
$(document).ready(function(e) {
    
        var w=Math.floor(Math.random()*document.documentElement.clientWidth);
    var h=Math.floor(Math.random()*document.documentElement.clientHeight);
    $("p").offset();
    
    $("#btn").mouseenter(function(e){
            $("p").animate({
            "width":"100px",
            "top":h,
            "left":w
            },2000);

        });    
            
});
</script>
<body>
<p style="position:relative;background-color:red ;width:50px;height:50px" ><input type="button" style="float:left "   value="你点不到我"   id="btn"   /></p>
</body>
PHP中文网PHP中文网2848 days ago275

reply all(1)I'll reply

  • 伊谢尔伦

    伊谢尔伦2017-04-10 17:45:10

    $("#btn").mouseenter(function(e){
    var w=Math.floor(Math.random()*document.documentElement.clientWidth);

    var h=Math.floor(Math.random()*document.documentElement.clientHeight);
            $("p").animate({
            "width":"100px",
            "top":h,
            "left":w
            },2000);
    
        });    

    reply
    0
  • Cancelreply