□...JavaScript技巧:环绕三维文字

  请大家先看看效果吧[请点这里]
  为了叙述的方便,我把所有的注释都直接加在了源程序上面,"//"后的内容即为注释。
  代码如下:
<SCRIPT

language=javascript>
Phrase="欢迎您的光临"


Balises=""
Taille=80;
Midx=250;
Decal=0.5;
Nb=Phrase.length;
//Phrase字符串的长度
y=-10000;
//这里是给一些变量赋值,后面要用得到
//其中Phrase=是要显示的文字,不用我说了吧,不过注意文字越多可是越占用系统资源哦,因为是三维文字嘛
for

(x=0;x<Nb;x++){
Balises=Balises + <DIV Id=L + x +

STYLE="width:5;font-family: Courier

New;font-weight:bold;position:absolute;top:40;left:50;z-index:0"> +

Phrase.charAt(x) + </DIV>
}
//这里对字体、文字大小、文字的位置进行设定
document.write

(Balises);
//输出Balises,如符合HTML,则输出效果,否则原样文本输出
Time=window.setInterval("Alors()",10);
//设定一个时间间隔,每10毫秒执行一下Alors()函数,且不停要停的话,执行clearIntercal(timer)
Alpha=5;
I_Alpha=0.05;
function

Alors(){
//定义了个Alors()的函数
Alpha=Alpha-I_Alpha;
for

(x=0;x<Nb;x++){
Alpha1=Alpha+Decal*x;
//Decal乘循环变量X值加上Alpha后附值给Alpha1
Cosine=Math.cos(Alpha1);
//求Alpha1的余玄附值给COSINE
Ob=document.all("L"+x);
//这个all我没见过^_^,可能就属于浏览器对象了,要看这段代码嵌入的HTML的源文件了
Ob.style.posLeft=Midx+170*Math.sin(Alpha1)+50;
Ob.style.zIndex=20*Cosine;
Ob.style.fontSize=Taille+25*Cosine;
Ob.style.color="rgb("+

(127+Cosine*80+50) + ","+ (127+Cosine*80+50) +

",0)";
}
}
</SCRIPT>
  怎么样,很简单吧,看明白了么?其实我知道大家对这种难懂的代码并不太感兴趣,所以只要你按照我的注释修改你所需要的效果部分就就可以了。

 


□ 编辑整理:非常频道


本书由“E书时空”免费制作;
想要更多的免费电子图书,请光临
http://www.eshunet.com/