五彩的广告文字效果
下面是效果
怎么样效果还可吧，你只要在你网页<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); msg[1]=new assignArray("本站现承办网页头条广告代理！！！",1000);
msg[2]=new assignArray("有意者请与站长联系！！！",1000);
msg[3]=new assignArray("联系信箱：E-mail:www.goodsgy.com",1000);
msg[4]=new assignArray("联系电话：86-0416-5645466",1000);
msg[5]=new assignArray("欢迎光临电脑学习网！！！",1000); msg[6]=new assignArray("本站现承办网页头条广告代理！！！",1000);
msg[7]=new assignArray("有意者请与站长联系！！！",1000);
msg[8]=new assignArray("联系信箱：E-mail:www.goodsgy.com",1000);
msg[9]=new assignArray("联系电话：86-0416-5645466",1000);
msg[10]=new assignArray("欢迎光临电脑学习网！！！",1000); msg[11]=new assignArray("本站现承办网页头条广告代理！！！",1000);
msg[12]=new assignArray("有意者请与站长联系！！?quot;,1000);
msg[13]=new assignArray("联系信箱：E-mail:www.goodsgy.com",1000);
msg[14]=new assignArray("联系电话：86-0416-5645466",1000);
setTimeout("typeIt()", 1000)
}
var msgNo=0
var character=11
var colorNo=8
var fixColor=8
var colorCheck=8
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: blue; font-size:nanbei; 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>
然后在把你网页的<body>改为<body onLoad="createArray()" text="#000000">
最后找一下适当我位置加入下列代码就大功告成了......
<b><font size="6">
<div ID="typeWriter" style="position: absolute; left:69px;
top: 225px; width: 645px; height: 47px"></div>
</font></b>
在这个效果中,你自己对其中的文字进行一些内容和大小的修改即可.在此希望你可以给本站做链接,谢谢！！！