与jQuery和HTML

Question

随机化图像位置我有这样的：

<div id="randomp" style="position:absolute;top:3px;left:3px;width:165px;height:29px;background:url(/logo2.png) no-repeat;background-size: 165px;"></div> 

我想的是，propierty“顶”和“左”改变你每次进入页面的时间。我的意思是，有些时候，它出现在右上角，右下角，左上角和左下角..

这是我tryied： http://redzer.com.mx/tabla.html

Answer 1

我可能会与开始DIV风格为position:fixed与display:none：

<div id="randomp" style="display:none;position:fixed;width:165px;height:29px;background:url(/logo2.png) no-repeat;background-size: 165px;"></div> 

然后使用jQuery来确定位置CSS设置并打开知名度

$(document).ready(function() { 
    // get jQuery object for the div 
    var $randomp = $('#randomp'); 
    // determine whether to show top or bottom, left or right 
    var top = Math.round(Math.random()); // generate 0 or 1 value 
    if (top === 1) { 
     $randomp.css('top', '3px'); 
    } else { 
     $randomp.css('bottom', '3px'); 
    }  
    var left = Math.round(Math.random()); 
    if (left === 1) { 
     $randomp.css('left', '3px'); 
    } else { 
     $randomp.css('right', '3px'); 
    } 
    // show the div 
    $randomp.show(); 
}); 

当然，你也可以使用服务器端代码来做到这一点，但既然你问了你的标签中的javascript/jquery，我建议这个解决方案。

Answer 2

我想我得到了你需要的东西。

EXAMPLE

用JavaScript我生成的顶部和图像的左侧定位每次访问页面时的随机数。 现在我将它们设置为0到100之间的随机数字，但您可以将其更改为任何您想要的值。

var random1 = Math.ceil(Math.random() * 100); 
var random2 = Math.ceil(Math.random() * 100); 

$(document).ready(function() { 

    $('#randomp').css('top', random1); 
    $('#randomp').css('left', random2); 

});