·
网页特效库
·
网页工具库
背景按钮
导航特效
图片特效
文本特效
时间特效
状态特效
另类特效
网页制作
网站首页
< 后退
|
收藏网页特效库
推荐网页特效
购物网站的导航效果,推荐!
向上下左右滚动图片的特效
超级变态广告代码
设为首页
加入收藏夹
防止选择和复制
新浪博客的提示窗口,推荐!
推荐网页工具
在线html编辑器
在线CSS编辑器
滚动条颜色生成器
弹出窗口生成器
网页加密解密工具
汉字转换成拼音工具
文本繁简体转换工具
您的位置:
网页特效库
>>
网页文本特效
>> 不断变色的文字
查看此特效演示
不断变色的文字
把如下代码复制到<body>与</body>之间
<style type="text/css"> <!-- #c {font-size: 36px;} --> </style> <SCRIPT language=JavaScript1.2> <!-- Begin function initArray() { this.length = initArray.arguments.length; for (var i = 0; i < this.length; i++) { this[i] = initArray.arguments[i]; } } var ctext = "你好!欢迎您的光临,留下您宝贵意见!!!"; var speed = 2000; var x = 0; var color = new initArray( "#ffff00", "#ff0000", "#ff00ff", "#0000ff", "#ffffff", "#000000", "#00ff00", "#00ffff", "#ff0ff0" ); if(navigator.appName == "Netscape") { document.write('<layer id="c"><center>'+ctext+'</center></layer><br>'); } if (navigator.appVersion.indexOf("MSIE") != -1){ document.write('<div id="c"><center><b>'+ctext+'</b></center></div>'); } function chcolor(){ if(navigator.appName == "Netscape") { document.c.document.write('<center><font color="'+color[x]); document.c.document.write('">'+ctext+'</font></center>'); document.c.document.close(); } else if (navigator.appVersion.indexOf("MSIE") != -1){ document.all.c.style.color = color[x]; } (x < color.length-1) ? x++ : x = 0; } setInterval("chcolor()",1000); // End --> </SCRIPT>
使用说明:代码中font-size的值为变色文字的大小,默认为36px,可根据你的需要修改,如需要为文字增加其他样式,只需在代码#c {font-size: 36px;}的括号中添加相应的CSS样式代码即可,"var ctext"的值为文字的内容,"var speed"的值为文字变色的间隔时间,"var color=new initArray()"括号中的内容为文字依次变色的颜色代码,可以根据你的需要更改。
上一个特效:
淡入淡出的文本效果
返回列表
下一个特效:
霓虹灯广告字
关于我们
|
联系本站
|
免责声明
|
版权声明
|
网站地图
|
友情链接
|
鄂ICP备05023174号
Copyright © 2008
www.butong.net
.All Rights Reserved.