阅读文章(首页/网页制作/HTML/JavaScript/)

JavaScript技巧:环绕三维文字

[日期：2000-09-21]

来源：yesky 作者：昙馨工作室

[字体：大中小]

　　请大家先看看效果吧[请点这里]
　　为了叙述的方便，我把所有的注释都直接加在了源程序上面，“//”后的内容即为注释。
　　代码如下：
$#@60;SCRIPT language=JavaScript$#@62;
Phrase="欢迎您的光临"
Balises=""
Taille=80;
Midx=250;
Decal=0.5;
Nb=Phrase.length;
//Phrase字符串的长度
y=-10000;
//这里是给一些变量赋值，后面要用得到
//其中Phrase=是要显示的文字，不用我说了吧，不过注意文字越多可是越占用系统资源哦，因为是三维文字嘛
for (x=0;x$#@60;Nb;x++){
Balises=Balises + $#@60;DIV Id=L + x + STYLE="width:5;font-family: Courier New;font-weight:bold;position:absolute;top:40;left:50;z-index:0"$#@62; + Phrase.charAt(x) + $#@60;/DIV$#@62;
}
//这里对字体、文字大小、文字的位置进行设定
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$#@60;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)";
}
}
$#@60;/SCRIPT$#@62;
　　怎么样，很简单吧，看明白了么？其实我知道大家对这种难懂的代码并不太感兴趣，所以只要你按照我的注释修改你所需要的效果部分就就可以了。

阅读：次
录入：

【评论】【推荐】【打印】

上一篇：如何令主页图形快速显示（一）
下一篇：DIV下拉式菜单（二）

发表评论