小星星

   html部分


js部分

<script>

var x1=document.getElementById('x1');

var x2=document.getElementById('x2');

var x3=document.getElementById('x3');

var x4=document.getElementById('x4');

var x5=document.getElementById('x5');

function getrandom(n,m){

return Math.round(Math.random()*(m-n)+n);

}

function fn(obj){

var x=getrandom(0,document.documentElement.clientWidth-100);

var y=getrandom(0,document.documentElement.clientHeight-100);

obj.style.left=x+'px';

obj.style.top=y+'px';

}

fn(x1);

fn(x2);

fn(x3);

fn(x4);

fn(x5);

window.setInterval(function (){

fn(x1);

fn(x2);

fn(x3);

fn(x4);

fn(x5);

},500);

</script>

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 来源: http://www.douban.com/group/topic/14820131/ 调整变量格式: f...
    MC1229阅读 6,953评论 0 5
  • (转自http://www.douban.com/group/topic/14820131/,转自人大论坛) 调整...
    f382b3d9bdb3阅读 10,813评论 0 8
  • 工厂模式类似于现实生活中的工厂可以产生大量相似的商品,去做同样的事情,实现同样的效果;这时候需要使用工厂模式。简单...
    舟渔行舟阅读 7,827评论 2 17
  • 单例模式 适用场景:可能会在场景中使用到对象,但只有一个实例,加载时并不主动创建,需要时才创建 最常见的单例模式,...
    Obeing阅读 2,097评论 1 10
  • 这是回家的路, 在归途中的我, 总是带着一种莫名的欢愉 那是家乡的景 闲暇时的我们 总是喜欢到那里走走停停 曾经的...
    淺漠阅读 161评论 0 1