Mouseover只是第一次开火,为什么?

时间:2014-05-13 07:41:06

标签: javascript jquery

我确信这很简单,但是我已经刺了很长时间,所以真的很感激一些帮助。任何想法为什么这只适用于第一次悬停

var divwidth = $('#donatebutton').width();
var divheight = $('#donatebutton').height();

var posx = (Math.random() * ($(document).width() - divwidth)).toFixed();
var posy = (Math.random() * ($(document).height() - divheight)).toFixed();

$('#donatebutton').mouseover(function(){
    $(this).css({
        'position':'absolute',
        'left':posx+'px',
        'top':posy+'px'
    }).appendTo( 'body' );

});

1 个答案:

答案 0 :(得分:4)

更改此代码:

var divwidth = $('#donatebutton').width();
var divheight = $('#donatebutton').height();

var posx = (Math.random() * ($(document).width() - divwidth)).toFixed();
var posy = (Math.random() * ($(document).height() - divheight)).toFixed();

$('#donatebutton').mouseover(function(){
    $(this).css({
        'position':'absolute',
        'left':posx+'px',
        'top':posy+'px'
    }).appendTo( 'body' );

});

到此代码

var divwidth = $('#donatebutton').width();
var divheight = $('#donatebutton').height();

$('#donatebutton').mouseover(function(){
    var posx = (Math.random() * ($(document).width() - divwidth)).toFixed();
    var posy = (Math.random() * ($(document).height() - divheight)).toFixed();
    $(this).css({
        'position':'absolute',
        'left':posx+'px',
        'top':posy+'px'
    }).appendTo( 'body' );

});

这会改变鼠标悬停的随机值