技术文章
首页
关于我们
网站模板
客户案例
网站建设
程序开发
联系我们
技术文章
seo
asp.net
JavaSript
asp
网站建设
霓虹灯效果的闪烁文字
时间：2008-10-08 点击：775
<html> <head> <title>霓虹灯效果的闪烁文字</title> <style type="text/css"> <!-- body { font-family: "宋体"; font-size: 9pt; margin-top: 0px; margin-left: 0px; margin-right: 0px} A { COLOR: black; FONT-SIZE: 9pt; FONT-WEIGHT: 400; TEXT-DECORATION: none } A:hover { COLOR: red; FONT-SIZE: 9pt; FONT-WEIGHT: 400; TEXT-DECORATION: underline } a:active { font: 9pt "宋体"; cursor: hand; color: #FF0033 } --> </style> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> </head> <body bgcolor="#fef4d9" onload="TimerID2=setTimeout('fLi2()',500)" onunload="clearTimeout(TimerID2)" background="../images/bg.gif"> <br> <br> <center><font color=red face="隶书" size=6>文字连续闪烁</font></center> <br> <center> <table border=1 bordercolor=#000000 borderlight=green style="border-collapse: collapse" cellpadding="0" cellspacing="0"> <tr><td align=center><font size=5 color=red face="Arial, Helvetica, sans-serif"><strong>下面为效果显示区!</strong></font></td></tr> <tr><td align=center width=420 height=30> <script language="JAVASCRIPT"> colors2 = new Array(6); colors2[0]="#000000"; colors2[1]="#333300"; colors2[2]="#665500"; colors2[3]="#997700"; colors2[4]="#CC9900"; colors2[5]="#FFCC00"; var i=0; function fLi2() { line2.style.visibility = "visible"; if (i<6) { line2.style.color = colors2[i]; i++; timerID2 = setTimeout( "fLi2()", 176); } else { i=0; line2.style.visibility="hidden"; TimerID2=setTimeout("fLi2()",1500); } } </script> <div id=line2 style="container:positioned; position=relative; width=100%; height=15%; font-family=Arial; font-size=35px; line-height=38px; color=black; visibility=hidden;"> 网页特效站欢迎您的光临 </div> </td></tr> </table></center> <br> <br> <center> <SCRIPT LANGUAGE="JavaScript"> <!-- hide function goHist(a) { history.go(a); } //--> </script></center> <br> <br> </body> </html>
样式表控制相应文字的显示效果
打字效果的文字切换
文字变色逐个出现
不断弹射的文本
文字的多种显示效果
> 返回
地址：上海市普陀区胶州路941号长久商务中心 电话： QQ：
© Copyright 2012 上海网络
Product
All Rights Reserved