网站首页 | 文章中心 | 源码中心 | 虚拟主机 | 域名注册 |  贺卡源码 | Java特效 |
您现在的位置: 人文中国 >> 文章中心 >> javascript >> 文章正文

  没有公告

JavaScript技巧:环绕三维文字     ★★★★★ 【字体:
JavaScript技巧:环绕三维文字
作者:renwen    文章来源:本站原创    点击数:    更新时间:2004-4-13
代码如下:
$#@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;
  怎么样,很简单吧,看明白了么?其实我知道大家对这种难懂的代码并不太感兴趣,所以只要你按照我的注释修改你所需要的效果部分就就可以了。
文章录入:renwen@renwen.net    责任编辑:renwen@renwen.net 
  • 上一篇文章:

  • 下一篇文章:
  • 发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
    最新热点 最新推荐 相关文章
    本公司营业执照认证
    ASP自动解压RAR文件
    多种途径访问局域网中的计算…
    虚拟主机买两年送一年,火热…
    国外网站flash片头源代码
    HTML技巧集锦
    搞笑flash动画《午夜衰铃》源…
    多种电子商务方案书提供下载…
    九寨沟--童话世界
    200MB虚拟主机送cn域名
      网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)