📄 textblur.html

📁 java脚本即用特效源码从入门到精通帮你渡过难关

💻 HTML

字号:

<html>
<head>
<TITLE>淡入淡出2</TITLE>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<link rel="stylesheet" href="../style.css"></head>
<script language=javaScript>
<!--

var thissize=20
var textfont="arial"
//设置颜色变化过度色
var textcolor= new Array()
textcolor[0]="EEEEEE"
textcolor[1]="DDDDDD"
textcolor[2]="CCCCCC"
textcolor[3]="AAAAAA"
textcolor[4]="888888"
textcolor[5]="666666"
textcolor[6]="555555"
textcolor[7]="444444"
textcolor[8]="333333"
textcolor[9]="222222"
textcolor[10]="111111"
textcolor[11]="000000"

var message = new Array()
message[0]="Hi，Hi，Hi"
message[1]="到过我们的网站吗？"
message[2]="还没有？还是很久没去？"
message[3]="快去看看！"
message[4]="有很多新鲜的东西！"

var i_blurstrength=15
var i_message=0
var i_textcolor=0

function blurtext() {		
	if(document.all) {
		if (i_blurstrength >=-2) {
			if (i_textcolor >=textcolor.length-1) {i_textcolor=textcolor.length-1}
			blurthis.innerHTML="<span id='blurpit1' style='position:absolute;visibility:visible;width:600px; top:80px;left:200px;filter:blur(add=0,strength="+i_blurstrength+",direction=90);font-family:"+textfont+";font-size:"+thissize+"pt;color:"+textcolor[i_textcolor]+"'>"+message[i_message]+"</span>";
		document.close()
		i_blurstrength=i_blurstrength-2
		i_textcolor++
		var timer=setTimeout("blurtext()",50)
		}
		
		else {
			if (i_textcolor >=textcolor.length-1) {i_textcolor=textcolor.length-1}
			blurthis.innerHTML="<span id='blurit1' style='position:absolute;visibility:visible;width:600px; top:80px;left:200px;filter:blendTrans(duration=4.2);font-family:"+textfont+";font-size:"+thissize+"pt;color:FF0000'>"+message[i_message]+"</span>";
			i_message++
			if (i_message>=message.length){i_message=0}
			
			i_blurstrength=20
			i_textcolor=0
			clearTimeout(timer)
			var timer=setTimeout("blurtext()",2000)
		}
	}	
}

//-->
</script>
<body bgcolor="#FFFFFF" onLoad="blurtext()">
<div id="mainbod" style="position:absolute;visibility:visible;top:200px;left:10px;">
</div>
<div id="blurthis" style="position:absolute;visibility:visible;"></div>
</body>
</html>

⌨️ 快捷键说明

复制代码 Ctrl + C

搜索代码 Ctrl + F

全屏模式 F11

切换主题 Ctrl + Shift + D

显示快捷键 ?

增大字号 Ctrl + =

减小字号 Ctrl + -