光照文字

网站首页

模板下载

教程文章

资源收集

特效代码

插件天下

技术论坛

用户名
密码

本类推荐

　当前位置:特效代码

光照文字

使用说明:显示文字：欢迎光临模板精品店，文字距左边框距离：2，字距顶部的距离：2，将此代码插在网页的<body>和</body>之间，或者插在网页的<head>和</head>之间，阳光照射下的文字效果。

<script language="JavaScript">
function assignArray(text,delay) {
this.text=text
this.delay=delay
}
function createArray() {
fadecolor=new Array("FF8000","8080FF","00FF00","00FFFF","008040","CA00CA")
msg=new Array()
msg[0]=new assignArray("欢迎光临模板精品店！",1000); 
setTimeout("typeIt()", 1000)
}
var msgNo=0
var character=1
var colorNo=0
var fixColor=1
var colorCheck=0
function typeIt() {
var insertHTML=""
if(msgNo <= msg.length-1) {
if(character <= msg[msgNo].text.length || colorCheck < msg[msgNo].text.length) {
colorCheck=0
for(var charCheck=0; charCheck<character; charCheck++,colorNo--,fixColor--){
if(fixColor>5)colorNo=5
if(colorNo==5)colorCheck+=1
insertHTML += '<SPAN style="font-family:@宋体 Black; font-size:coolboo; color:'+fadecolor[colorNo]+'">' + msg
[msgNo].text.substring(charCheck, charCheck+1) + '</SPAN>'
}
if(document.layers) {
document.typeWriter.document.write(insertHTML)
document.typeWriter.document.close()
} else if (document.all) {
document.all.typeWriter.innerHTML = insertHTML
}
setTimeout("typeIt()", 50)
character++
colorNo=character-1
fixColor=character
}
else {
character=1
colorNo=character-1
fixColor=character
setTimeout("typeIt()", msg[msgNo].delay)
msgNo++
}
}
}
</script>

<div ID="typeWriter" style="position: absolute; left:2; top: 2; width: 601; height: 19">