<!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>新年快乐--wujinjian</title>
<meta http-equiv=Content-Type content="text/html;charset=gb2312">
<script type="text/javascript">
var fontarr=new Array();
var sd=1;
var js=1;
var time=null;
//"新年快乐" 四个字所占的位置
var fontPosition1=new Array(
"62-52","26-67","42-67","57-67","72-67","87-67","102-67","42-91","85-92","20-111","36-111","52-111","66-111","80-111","96-111","111-111","34-144","49-144","62-144",
"77-144","93-144","63-127","63-161","64-176","64-192","63-207","35-214","49-213","37-172","30-185","86-172","96-187","125-62","141-61","156-59","170-57","186-56",
"126-79","126-94","126-110","126-125","125-142","125-158","124-174","120-190","112-206","100-219","141-118","156-118","172-118","187-118","201-118","172-135",
"171-150","171-165","171-183","171-198","171-214","253-48","248-64","239-80","228-95","217-111","263-69","277-68","292-68","307-68","323-68","337-68","352-68",
"368-68","383-68","313-84","313-101","313-133","313-149","313-195","313-211","246-117","246-134","245-151","215-169","231-169","246-169","261-169","276-169","289-169",
"305-169","321-169","336-169","351-169","366-168","381-168","395-167","260-115","275-115","291-115","305-115","320-115","337-115","350-115","365-115","379-115",
"313-182","433-47","433-63","432-80","432-98","432-111","432-130","432-144","432-160","432-178","432-194","432-210","411-89","409-106","404-123","446-89","456-104",
"473-81","488-81","504-81","518-81","533-81","547-81","557-99","557-119","459-139","476-140","491-140","509-140","524-140","539-140","556-140","570-140","510-50","511-66",
"511-99","510-119","504-157","519-156","497-172","489-189","475-202","458-217","526-172","539-189","555-204","570-220","624-62","640-63","654-62","670-61","686-60","701-58",
"716-57","731-56","746-56","623-79","620-95","616-111","614-128","628-128","644-128","660-128","674-128","689-128","705-128","720-128","734-128","749-128","764-128",
"689-97","689-112","687-145","687-162","687-177","686-193","684-210","668-215","651-216","639-163","627-179","615-192","599-208","728-160","741-174","755-189","769-206");
function create()
{
for(var i=0;i<190;i++)
{
fontarr[i]=document.createElement("div");
fontarr[i].style.position="absolute";
if(i>=0 && i<=45)
{
fontarr[i].style.left="0px";
fontarr[i].style.top="0px";
}
if(i>=46 && i<=90)
{
fontarr[i].style.left="0px";
fontarr[i].style.top="270px";
}
if(i>=91 && i<=135)
{
fontarr[i].style.left="780px";
fontarr[i].style.top="0px";
}
if(i>=136 && i<=189)
{
fontarr[i].style.left="780px";
fontarr[i].style.top="270px";
}
fontarr[i].style.width="22px";
fontarr[i].style.height="22px";
fontarr[i].style.overflow="hidden";
//if(navigator.userAgent.toLowerCase().indexOf("ie")!=-1)
// fontarr[i].style.fontSize="20pt";
//else
fontarr[i].style.fontSize="11pt";
fontarr[i].style.color="rgb(255,"+i+","+i+")"
fontarr[i].appendChild(document.createTextNode("●"));
document.getElementById("main_div").appendChild(fontarr[i]);
}
start();
}
function start()
{
time=setTimeout("start()",50);
for(var i=0;i<190;i++)
{
var xy=fontPosition1[i].split("-");
var x=xy[0]-0;
var y=xy[1]-0;
var divleft=fontarr[i].style.left.replace("px","")-0;
var divtop=fontarr[i].style.top.replace("px","")-0;
if(divleft > x)
objMove(fontarr[i],-sd,0);
else
//if(divleft < x) //不让 ● 抖动的话请用if,注释掉else
objMove(fontarr[i],sd,0);
if(divtop > y)
objMove(fontarr[i],0,-sd);
else
//if(divtop < y) //不让 ● 抖动的话请用if,注释掉else
objMove(fontarr[i],0,sd);
}
if(js<550)
js++;
if(js==550)
{
clearTimeout(time);
js=0;
end();
}
}
function end()
{
time=setTimeout("end()",50);
for(var i=0;i<190;i++)
{
var divleft=fontarr[i].style.left.replace("px","")-0;
var divtop=fontarr[i].style.top.replace("px","")-0;
if(i>=0 && i<=45)
{
if(divleft > 0)
objMove(fontarr[i],-sd,0)
if(divtop > 0)
objMove(fontarr[i],0,-sd)
}
if(i>=46 && i<=90)
{
if(divleft > 0)
objMove(fontarr[i],-sd,0)
if(divtop < 270)
objMove(fontarr[i],0,sd)
}
if(i>=91 && i<=135)
{
if(divleft < 780)
objMove(fontarr[i],sd,0)
if(divtop > 0)
objMove(fontarr[i],0,-sd)
}
if(i>=136 && i<=189)
{
if(divleft < 780)
objMove(fontarr[i],sd,0)
if(divtop < 270)
objMove(fontarr[i],0,sd)
}
}
if(js<550)
js++;
if(js==550)
{
clearTimeout(time);
js=0;
start();
}
} function objMove(divobj,_x,_y)
{
divobj.style.left=divobj.style.left.replace("px","")-0+_x+"px";
divobj.style.top=divobj.style.top.replace("px","")-0+_y+"px";
}
function load()
{
document.getElementById("main_div").style.left=(document.body.clientWidth-800)/2+"px";
}
</script>
</head>
<body onload="load(),create()" onresize="load()" style="background-color:black;">
<form id="form1">
<div id="main_div" style="position:absolute;left:0px;top:100px;width:800px;height:300px;border:white solid 1px">
</div>
</form>
</body>
</html>效果图:
赞一句,强!