📄 textfader.html

📁 java脚本即用特效源码从入门到精通帮你渡过难关
💻 HTML
字号:
<html>
<head>
<TITLE>淡入淡出3</TITLE>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<link rel="stylesheet" href="../style.css">
</head>
<script language=javaScript>
<!--

var thissize=30
var textfont="Arial"
var i_color=0
var i_message=0

//定义颜色渐变色
var textcolor= new Array()
textcolor[0] ="FFFFFF"
textcolor[1] ="FFF8F8"
textcolor[2] ="FFF0F0"
textcolor[3] ="FFD8D8"
textcolor[4] ="FFD0D0"
textcolor[5] ="FFC8C8"
textcolor[6] ="FFC0C0"
textcolor[7] ="FFB8B8"
textcolor[8] ="FFB0B0"
textcolor[9] ="FFA8A8"
textcolor[10] ="FFA0A0"
textcolor[11] ="FF9898"
textcolor[12] ="FF9090"
textcolor[13] ="FF8888"
textcolor[14] ="FF8080"
textcolor[15] ="FF7878"
textcolor[16] ="FF7070"
textcolor[17] ="FF6868"
textcolor[18] ="FF6060"
textcolor[19] ="FF5858"
textcolor[20] ="FF5050"
textcolor[21] ="FF4848"
textcolor[22] ="FF4040"
textcolor[23] ="FF3838"
textcolor[24] ="FF3030"
textcolor[25] ="FF2828"
textcolor[26] ="FF2020"
textcolor[27] ="FF1818"
textcolor[28] ="FF1010"
textcolor[29] ="FF0808"
textcolor[30] ="FF0000"

var message = new Array()
message[0]="精采的淡入淡出"
message[1]="有一种虚幻的感觉；"
message[2]="上海科学技术出版社的出版"
message[3]="却给人以一种踏实的感觉。"
message[4]="精彩生活离不开上海科学技术出版社出版！"

function morecolor() {		
	if (i_color <= textcolor.length-1) {
		if(document.all) {
			zoomer.innerHTML="<span style='font-family:"+textfont+";font-size:"+thissize+"px;color:"+textcolor[i_color]+"'>"+message[i_message]+"</span>"
		}
	
		if(document.layers) {
			document.zoomer.document.write("<span style='font-family:"+textfont+";font-size:"+thissize+"px;color:"+textcolor[i_color]+"'>"+message[i_message]+"</span>")
			document.close()
		}
		i_color++
		var timer=setTimeout("morecolor()",50)
	}
	else {
		i_color--
		clearTimeout(timer)
		var intermezzo=setTimeout("lesscolor()",1000)
	}
}

function lesscolor() {	
	if (i_color >= 0) {
		if(document.all) {
			zoomer.innerHTML="<span style='font-family:"+textfont+";font-size:"+thissize+"px;color:"+textcolor[i_color]+"'>"+message[i_message]+"</span>"
		}
	
		if(document.layers) {
			document.zoomer.document.write("<span style='font-family:"+textfont+";font-size:"+thissize+"px;color:"+textcolor[i_color]+"'>"+message[i_message]+"</span>")
			document.close()
		}
		
		i_color--
		var timer=setTimeout("lesscolor()",50)
	}
	else {
		i_message++
		if (i_message >= message.length) {i_message=0}
		i_color=0
		clearTimeout(timer)																				
		var intermezzo=setTimeout("morecolor()",1000)
	}
}

//-->
</script>
<body bgcolor="#FFFFFF" onLoad="morecolor()">
<div align="center"></div>
<p align="center"><font size="5" color="#FF0033">淡出淡入文字特效</font></p>
<center>
</center>
<div id="mainbod" style="position:absolute;visibility:visible;top:100px; left:400px">
</div>
<div id="zoomer" style="position:absolute;visibility:visible;top:200px; left:200px"></div>
</body>
</html>
⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -