一种比较酷的页面效果

王朝other·作者佚名  2006-11-24
窄屏简体版  字體: |||超大  

<script>

function drawDot(x,y,color,size){

document.write("<table border='0' cellspacing=0 cellpadding=0><tr><td style='position: absolute; left: "+(x)+"; top: "+(y)+";background-color: "+color+"' width="+size+" height="+size+"></td></tr></table>")

}

function drawOval(x,y,a,b,color,size,precision){

var i;

var iMax=2*Math.PI;

var step=2*Math.PI/(precision*Math.sqrt(a*b)*4.5);

for(i=0;i<iMax;i+=step){

drawDot(x+a*Math.cos(i),y+b*Math.sin(i),color,size);

}

}

drawOval(450,250,120,50,"fuchsia",2,1);

drawOval(450,253,120,50,"fuchsia",2,0.1);

drawOval(450,256,120,50,"fuchsia",2,0.1);

drawOval(450,259,120,50,"fuchsia",2,0.1);

drawOval(450,262,120,50,"fuchsia",2,0.1);

drawOval(450,265,120,50,"fuchsia",2,0.1);

drawOval(450,268,120,50,"fuchsia",2,0.1);

drawOval(450,271,120,50,"fuchsia",2,0.1);

drawOval(450,274,120,50,"fuchsia",2,0.1);

drawOval(450,277,120,50,"fuchsia",2,0.1);

drawOval(450,280,120,50,"fuchsia",2,0.1);

drawOval(450,283,120,50,"fuchsia",2,0.1);

drawOval(450,286,120,50,"fuchsia",2,0.1);

drawOval(450,289,120,50,"fuchsia",2,0.1);

drawOval(450,292,120,50,"fuchsia",2,0.1);

drawOval(450,295,120,50,"fuchsia",2,0.1);

drawOval(450,298,120,50,"fuchsia",2,0.1);

drawOval(450,301,120,50,"fuchsia",2,0.1);

drawOval(450,304,120,50,"fuchsia",2,0.1);

drawOval(450,307,120,50,"fuchsia",2,0.1);

drawOval(450,310,120,50,"fuchsia",2,0.1);

drawOval(450,313,120,50,"fuchsia",2,0.1);

drawOval(450,316,120,50,"fuchsia",2,0.1);

drawOval(450,319,120,50,"fuchsia",2,0.1);

drawOval(450,322,120,50,"fuchsia",2,0.1);

drawOval(450,329,120,50,"fuchsia",4,0.1);

</script>

<div style="position:absolute;top:220;left:297pt;font-size:31pt;color:fuchsia" id=a>*</div>

<div style="position:absolute;top:220;left:359pt;font-size:31pt;color:fuchsia" id=b>*</div>

<div style="position:absolute;top:310;left:310pt;font-size:31pt;color:fuchsia" id=c>*</div>

<div style="position:absolute;top:310;left:373pt;font-size:31pt;color:fuchsia" id=d>*</div>

<div style="position:absolute;top:290;left:257pt;font-size:31pt;color:fuchsia" id=e>*</div>

<div style="position:absolute;top:270;left:420pt;font-size:31pt;color:fuchsia" id=f>*</div>

<div style="position:absolute;top:240;left:250pt;font-size:31pt;color:fuchsia" id=g>*</div>

<div style="position:absolute;top:230;left:400pt;font-size:31pt;color:fuchsia" id=h>*</div>

<div id=freq style="position:absolute;top:10pt;left:50pt;width:100pt;height:130pt;font-size:80pt;color:skyblue;filter:alpha(opacity=80) blur(add=true,direction=135,strength=25)">

<i>风铃</i>

</div>

<table bgcolor style="position:absolute;top:320pt;left:225pt;width:230pt;height:12pt;color:white">

<tr><td align=center><div id=auto style="color:fuchsia;font-size:15pt;font-style:italic"></div></td></tr>

</table>

<script>

var max=0;

function textlist()

{

max=textlist.arguments.length;

for(var i=0;i<max;i++)

this[i]=textlist.arguments[i];

}

tl=new textlist("HAPPY NEW YEAR","HAPPY EVERYDAY","WISH YOU NICE","WISH YOU HAPPY")

var x=0;

var pos=0;

var l=tl[x].length;

function autodis()

{

auto.innerText=tl[x].substring(0,pos)

if(pos++==l)

{

pos=0

setTimeout("autodis()",1000)

x++

if(x==max)

x=0

}

else

setTimeout("autodis()",90)

}

autodis()

</script>

<script>

var delay=0;

function blinker()

{

for(n=5;n>0;n--)

{

delay+=200;

setTimeout("document.bgColor='blue'",delay)

delay+=200

setTimeout("document.bgColor='white'",delay)

}

}

blinker()

</script>

<script>

function colorit(obj)

{

re="rgb("+Math.round(Math.random()*256)+","+Math.round(Math.random()*256)+","+Math.round(Math.random()*256)+")";

obj.style.color=re;

}

setInterval("colorit(a)",90)

setInterval("colorit(b)",90)

setInterval("colorit(c)",90)

setInterval("colorit(d)",90)

setInterval("colorit(e)",90)

setInterval("colorit(f)",90)

setInterval("colorit(g)",90)

setInterval("colorit(h)",90)

</script>

<table width=40 height=400 style="position:absolute;top:30pt;left:500pt;color:green">

<tr><td>$<br>$<br>$<br>$<br>$<br>$<br>$<br>$<br>$<br>$<br>$<br>$<br>$<br>$<br>$<br>$<br>$<br>$</td></tr>

</table>

[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
 
 
© 2005- 王朝網路 版權所有 導航