一个不错的渐隐文字效果

更新时间：2007年05月05日 00:00:00 作者：

<script language="JavaScript"> var col=000; var se=3 var txt = new Array() txt[0] = "0" txt[1] = "1" txt[2] = "2" txt[3] = "3" var all=1; function chg() {         document.getElementById("title1").style.color="rgb(" + col + "," + col + "," + col + ")";      if (col < 255 ){     se = 15;     col += se; var    aaa=setTimeout('chg()', 1);     }     else {window.clearTimeout(aaa);chgtext();} } function chg2() {     document.getElementById("title1").style.color="rgb(" + col + "," + col + "," + col + ")";      if (col > 0 ){     se = 15;     col -= se; var    aaa=setTimeout('chg2()', 1);     }     else {window.clearTimeout(aaa);} } function chgtext() {        if(all==txt.length){document.getElementById("title1").value=txt[0];all=0;all+=1;} else{document.getElementById("title1").value=txt[all];all=all+1;}; chg2();      } </script> <form name="titlechk">                             <tr>                                 <td width="210" colspan="6" background="img/jb_bg_t2.jpg">                                     <div id="inputbox" style="margin-left: 11px; margin-bottom: 2px;">                                                                                <input id="title1" type="text" name="stitle" class="tmptxt" value="0" style="font-size: 12px; width: 180px; height: 16px; border: none;" readonly align="absmiddle">                                   </div>                                 </td>                             </tr>                             <input name="text1" type="button" onClick="chg()">                              </form>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

您可能感兴趣的文章:

一个不错的渐隐文字效果

相关文章

CSS 网页顶部固定工具栏拖动无闪烁实现代码
在天涯社区发现的一个始终固顶工具栏，用CSs代码布局，原先发现有少这样的顶部工具条，但有很多在拖动滚动条的时候有闪烁现象，竟然发现天涯这个没有闪烁，于是花点时间从天涯扒下来，这就是完整的代码
2010-03-03
javascript四个方向无间隙滚动合集(多浏览器IE,firefox兼容)
比较有想法的四个方向，多浏览器兼容的无缝隙滚动效果脚本
2008-05-05
一个简单的收缩菜单效果
一个简单的收缩菜单效果...
2007-03-03
模仿动画的放大缩小容器
放大缩小容器仿动画首先要兼容IE\FF滴然后有一个环境与条件：必须是使用em单位布局。因为这个是利用字号做缩放效果，并且兼容fontSize各项单位，例如px、cm、pt等。
2008-05-05
CSS 美化表格边框为凹陷立体效果的实现方法
这个CSS美化实例应该属于布局的范畴吧。这里的重点是CSS，因此表格使用了TABle，用CSS控制Table的边框像Windows系统窗体里的边线一样，表格边框为凹陷立体效果。
2009-10-10
数字金额千位分隔的Javascript
数字金额千位分隔的Javascript...
2006-08-08
求解开jscript.encode代码的asp函数
求解开jscript.encode代码的asp函数...
2007-02-02
另类弹出窗口,跳过所有拦截工具
另类弹出窗口,跳过所有拦截工具...
2007-02-02
从csdn弄下来的页面预先载入效果
从csdn弄下来的页面预先载入效果...
2007-03-03
javascript 仿开心网好友印象功能(点击文字弹出印象框)
这是仿开心网的好友印象添加功能，在输入框里提交印象词后，即可显示在网页上，点击文字弹出印象评语提示框。想用的朋友最好在重新美化一下，我觉得还是不错的。
2009-12-12

最新评论