<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>javascript小乐趣 - 没事造星星玩</title> <mce:style type="text/css"><!-- body{margin:0;padding:0;} .sky{background:#000;width:1000;height:500px; position:relative;} #s{ background:#FFF; width:5px; height:5px; overflow:hidden; position:absolute;} --></mce:style><style type="text/css" mce_bogus="1"> body{margin:0;padding:0;} .sky{background:#000;width:1000;height:500px; position:relative;} #s{ background:#FFF; width:5px; height:5px; overflow:hidden; position:absolute;} </style> <mce:script type="text/javascript"><!-- function $(id){ return document.getElementById(id);}; function creatstars(){ var star = document.createElement("div"); star.id = "s"; var posX = Math.floor(Math.random(star.style.top)*400+100);//这里random()的参数是多此一举吧 var posY = Math.floor(Math.random(star.style.left)*1000+1); $("sky").appendChild(star); star.style.top = posX + "px"; star.style.left = posY + "px"; } //测试随便数 function f(){ //alert(Math.random());//产生0~1之间的随机数 alert(Math.floor(100.555));//floor() 方法可对一个数进行下舍入,去掉小数部分而不是四舍五入 } // --></mce:script> </head> <body> <div class="sky" id="sky"></div> <button id="creatstar" οnclick="creatstars()">没事造星星玩</button> <button οnclick="f();">测试随便数</button> <!--用一下列表--> <dl> <dt>项目一</dt> <dd>条目一</dd> <dd>条目二</dd> <dt>项目二</dt> <dd>条目一</dd> <dd>条目二</dd> </dl> </body> </html>