网页上旋转的花环特效代码

2020-01-27 13:46:37

字体：大中小

来源：转载

供稿：网友

一个在网页不停旋转的漂亮花环，随机漂福全部是由JavaScript代码生成，没有用到任何图片，嵌入你的网页中，一定很好看，女性朋友的主页会更合适。

<html><head><title>网页上旋转的花朵特效代码</title></head><body><script language="JavaScript">if (document.all){amount=15; Color='#ffaaff';GlowColor='#ff00ff';ypos=0;xpos=0;ybase=15;xbase=-80;step=0.07;currStep=0;TrigSplit=360/amount;MY=0;MX=0;C=0;c=0.05for (i=0; i < amount; i++)document.write('<div id="ieDiv" style="position:absolute;top:0px;left:0px;height:20;width:20;text-align:center"><B>*</B></div>');function tsaiannie(){MY=document.body.scrollTop+document.body.clientHeight/2 + document.body.clientHeight/2.8*Math.cos((C)/3)*Math.cos(C/10);MX=document.body.scrollLeft+20+document.body.clientWidth/2.2 + document.body.clientWidth/2.4*Math.sin((C)/5)*Math.sin(C/20);ypos=MY;xpos=MX;for (i=0; i < amount; i++){var d=ieDiv[i].style;if (d.pixelTop > ypos+2){ {  d.fontSize=18;  d.paddingTop=7;  d.filter='glow(color='+GlowColor+', strength=7)'; }if (d.pixelTop > ypos+10) {  d.fontSize=15;  d.paddingTop=10;  d.filter='glow(color='+GlowColor+', strength=6)'; }}else{ d.fontSize=25; d.paddingTop=0; d.color=Color; d.filter='glow(color='+GlowColor+', strength=8)';}d.top=ypos+ybase*Math.sin(currStep+i*TrigSplit*Math.PI/180);d.left=xpos+xbase*Math.cos(currStep+i*TrigSplit*Math.PI/180);}C+=c;currStep+=step;setTimeout('tsaiannie()',20);}window.onload=tsaiannie;}</script></body></html>

上一篇：跟随鼠标的五彩圆环

下一篇：给网页加上一个漂亮的立体外框

学习交流

phpwind的rewrite重写原理

phpwind的rewrite重写原理...

热门图片

猜你喜欢的新闻

猜你喜欢的关注