|
JavaScript技巧:环绕三维文字 |
|
请大家先看看效果吧[http://www.yesky.com/33554432/34603008/34635776/34636800/34636864/tr0919-model_3.htm]
为了叙述的方便,我把所有的注释都直接加在了源程序上面,“//”后的内容即为注释。 代码如下: <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> 怎么样,很简单吧,看明白了么?其实我知道大家对这种难懂的代码并不太感兴趣,所以只要你按照我的注释修改你所需要的效果部分就就可以了。 |