JAVASCRIPT的两种特殊效果 |
|
一:旋转文字
源代码:将其放在<body></body>之间 <script language=javascript> Phrase="欢迎光临免费终极地" Balises="" Taille=40; Midx=100; Decal=0.5; Nb=Phrase.length; //以上是设置变量 for (x=0;x<Nb;x++){ Balises=Balises + '<DIV Id=L' + x + ' STYLE="width:3;font-family: Courier New;font-weight:bold;position:absolute;top:320;left:400;z-index:0">' + Phrase.charAt(x) + '</DIV>' } //定义字体颜色、位置等 document.write (Balises); Time=window.setInterval("Alors()",10); //输出文字,每10毫秒,变化一次 Alpha=5; I_Alpha=0.05; //声明一些变量,并赋初值 function Alors(){ Alpha=Alpha-I_Alpha; for (x=0;x<Nb;x++){ Alpha1=Alpha+Decal*x; //设置文字的透明度的变化 Cosine=Math.cos(Alpha1); //声明变量Cosine,值是一个余弦函数在0到360度之间的变化 Ob=document.all("L"+x); Ob.style.posLeft=Midx+100*Math.sin(Alpha1)+400; Ob.style.zIndex=20*Cosine; Ob.style.fontSize=Taille+25*Cosine; //定义输出文字的位置,深度和字体大小 Ob.style.color="rgb("+ (233+Cosine*80+50) + ","+ (127+Cosine*80+50) + ",0)"; //定义输出文字的颜色 } } </script> 注意:此效果在Netscape浏览器中不能实现! 二:窗口从上落下 源代码:将其放在<head></head>之间 <script> function drop(n) { if(self.moveBy){ self.moveBy (0,-900); //如果当前的窗口存在,就移动到相对于当前窗口正上方900像素的地方,moveby函数表示相对位置 for(i = n; i > 0; i--){ self.moveBy(0,3); } for(j = 8; j > 0; j--){ self.moveBy(0,j); self.moveBy(j,0); self.moveBy(0,-j); self.moveBy(-j,0); //窗口分别向下,左,上,右移动j个像素,产生震动的效果 } } } </script> body中放入 onLoad="drop(300)" 怎么样?这些效果还算可以吧,赶快放到您自己的主页上去吧! |