javascript - annimate只能执行一次
PHP中文网
PHP中文网 2017-04-10 17:43:10
0
1
276

写了个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中文网

认证高级PHP讲师

reply all(1)
伊谢尔伦

$("#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);

    });    
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template