JS实现间隔一段时间显示文字
2007-06-30 15:13
393 查看
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"><style type="text/css">
<!--
body {
background-color: #FFFFFF;
}
-->
</style></head>
<body onLoad="glowtext()">
<script language=javaScript>
<!-- //more http://www.592ta.com
var thissize=20
var textfont="隶书"
var textcolor= new Array()
textcolor[0]="000000"
textcolor[1]="000000"
textcolor[2]="000000"
textcolor[3]="111111"
textcolor[4]="222222"
textcolor[5]="333333"
textcolor[6]="444444"
textcolor[7]="555555"
textcolor[8]="666666"
textcolor[9]="777777"
textcolor[10]="888888"
textcolor[11]="999999"
textcolor[12]="aaaaaa"
textcolor[13]="bbbbbb"
textcolor[14]="cccccc"
textcolor[15]="dddddd"
textcolor[16]="eeeeee"
textcolor[17]="ffffff"
textcolor[18]="ffffff"
var message = new Array()
message[0]="曾经有一段真挚的爱情摆在我的面前"
message[1]="但我不知道珍惜"
message[2]="现在想起追悔莫及"
message[3]="如果上天给我再来一次的机会的话我会对那个女孩说"
message[4]="我!爱!你!"
message[5]="如果非要在这爱上加一个期限"
message[6]="我希望是"
message[7]="一万年"
i_message=0
var i_strength=0
var i_message=0
var timer
function glowtext() {
if(document.all) {
if (i_strength <=17) {
glowdiv.innerText=message[i_message]
document.all.glowdiv.style.filter="glow(color="+textcolor[i_strength]+", strength=4)"
i_strength++
timer=setTimeout("glowtext()",100)
}
else {
clearTimeout(timer)
setTimeout("deglowtext()",1500)
}
}
}function deglowtext() {
if(document.all) {
if (i_strength >=0) {
glowdiv.innerText=message[i_message]
document.all.glowdiv.style.filter="glow(color="+textcolor[i_strength]+", strength=4)"
i_strength--
timer=setTimeout("deglowtext()",100)
}
else {
clearTimeout(timer)
i_message++
if (i_message>=message.length) {i_message=0}
i_strength=0
intermezzo()
}
}
}
function intermezzo() {
glowdiv.innerText=""
setTimeout("glowtext()",1500)
}
//-->
</script>
<table width="800" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<th height="133" scope="col">效果如下
<div id="glowdiv" style="position:absolute;visibility:visible;width:600px;text-align:center;
top:188px;left:87px;font-family:隶书;font-size:30pt;color:000000"></div></th>
</tr>
</table>
<p> </p>
<p> </p>
<p align="center">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"><style type="text/css">
<!--
body {
background-color: #FFFFFF;
}
-->
</style></head>
<body onLoad="glowtext()">
<script language=javaScript>
<!-- //more http://www.592ta.com
var thissize=20
var textfont="隶书"
var textcolor= new Array()
textcolor[0]="000000"
textcolor[1]="000000"
textcolor[2]="000000"
textcolor[3]="111111"
textcolor[4]="222222"
textcolor[5]="333333"
textcolor[6]="444444"
textcolor[7]="555555"
textcolor[8]="666666"
textcolor[9]="777777"
textcolor[10]="888888"
textcolor[11]="999999"
textcolor[12]="aaaaaa"
textcolor[13]="bbbbbb"
textcolor[14]="cccccc"
textcolor[15]="dddddd"
textcolor[16]="eeeeee"
textcolor[17]="ffffff"
textcolor[18]="ffffff"
var message = new Array()
message[0]="曾经有一段真挚的爱情摆在我的面前"
message[1]="但我不知道珍惜"
message[2]="现在想起追悔莫及"
message[3]="如果上天给我再来一次的机会的话我会对那个女孩说"
message[4]="我!爱!你!"
message[5]="如果非要在这爱上加一个期限"
message[6]="我希望是"
message[7]="一万年"
i_message=0
var i_strength=0
var i_message=0
var timer
function glowtext() {
if(document.all) {
if (i_strength <=17) {
glowdiv.innerText=message[i_message]
document.all.glowdiv.style.filter="glow(color="+textcolor[i_strength]+", strength=4)"
i_strength++
timer=setTimeout("glowtext()",100)
}
else {
clearTimeout(timer)
setTimeout("deglowtext()",1500)
}
}
}function deglowtext() {
if(document.all) {
if (i_strength >=0) {
glowdiv.innerText=message[i_message]
document.all.glowdiv.style.filter="glow(color="+textcolor[i_strength]+", strength=4)"
i_strength--
timer=setTimeout("deglowtext()",100)
}
else {
clearTimeout(timer)
i_message++
if (i_message>=message.length) {i_message=0}
i_strength=0
intermezzo()
}
}
}
function intermezzo() {
glowdiv.innerText=""
setTimeout("glowtext()",1500)
}
//-->
</script>
<table width="800" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<th height="133" scope="col">效果如下
<div id="glowdiv" style="position:absolute;visibility:visible;width:600px;text-align:center;
top:188px;left:87px;font-family:隶书;font-size:30pt;color:000000"></div></th>
</tr>
</table>
<p> </p>
<p> </p>
<p align="center">
相关文章推荐
- js与jquery实现搜索框提示文字显示与隐藏
- 七夕自己写的两首小诗 -- 并用php 和 js 实现文字淡入显示
- js实现当页面文字过长时用...表示,当点击时显示全部内容
- js实现键盘上下左右键选择文字并显示在文本框的方法
- js实现文字逐个显示的打字特效,有需要改进的地方
- JS简单实现点击按钮或文字显示遮罩层的方法
- JS实现显示部分文字点击显示全部
- js实现的鼠标放上和移开显示不同图片和文字,样式比较好看
- JS/jQuery实现默认显示部分文字点击按钮显示全部内容
- 通过js实现得到焦点时文本框清空,失去焦点时又显示默认文字,值发生改变时不再恢复默认文字?
- JS实现密码框根据焦点的获取与失去控制文字的消失与显示效果
- angular 实现等待一段时间显示文字
- JS/jQuery实现默认显示部分文字点击按钮显示全部内容
- 用js实现段落多余文字省略显示
- js实现input框文字动态变换显示效果
- js点击列表文字对应该行显示背景颜色的实现代码
- js实现键盘上下左右键选择文字并显示在文本框的方法
- JS实现密码框根据焦点的获取与失去控制文字的消失与显示效果
- mlellipsis.js-实现多行文字溢出隐藏显示省略号
- JS实现title标题栏文字不间断滚动显示效果