分享
 
 
 

一种比较酷的页面效果

王朝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 全部选择 提示:你可先修改部分代码,再按运行]

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
2023年上半年GDP全球前十五强
 百态   2023-10-24
美众议院议长启动对拜登的弹劾调查
 百态   2023-09-13
上海、济南、武汉等多地出现不明坠落物
 探索   2023-09-06
印度或要将国名改为“巴拉特”
 百态   2023-09-06
男子为女友送行,买票不登机被捕
 百态   2023-08-20
手机地震预警功能怎么开?
 干货   2023-08-06
女子4年卖2套房花700多万做美容:不但没变美脸,面部还出现变形
 百态   2023-08-04
住户一楼被水淹 还冲来8头猪
 百态   2023-07-31
女子体内爬出大量瓜子状活虫
 百态   2023-07-25
地球连续35年收到神秘规律性信号,网友:不要回答!
 探索   2023-07-21
全球镓价格本周大涨27%
 探索   2023-07-09
钱都流向了那些不缺钱的人,苦都留给了能吃苦的人
 探索   2023-07-02
倩女手游刀客魅者强控制(强混乱强眩晕强睡眠)和对应控制抗性的关系
 百态   2020-08-20
美国5月9日最新疫情:美国确诊人数突破131万
 百态   2020-05-09
荷兰政府宣布将集体辞职
 干货   2020-04-30
倩女幽魂手游师徒任务情义春秋猜成语答案逍遥观:鹏程万里
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案神机营:射石饮羽
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案昆仑山:拔刀相助
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案天工阁:鬼斧神工
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案丝路古道:单枪匹马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:与虎谋皮
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:李代桃僵
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:指鹿为马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:小鸟依人
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:千金买邻
 干货   2019-11-12
 
推荐阅读
 
 
 
>>返回首頁<<
 
靜靜地坐在廢墟上,四周的荒凉一望無際,忽然覺得,淒涼也很美
© 2005- 王朝網路 版權所有