⭐ 欢迎来到虫虫下载站! | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站

📄 文本动感模糊效果.txt

📁 网页特效的代码,在美化网页时有很大的作用
💻 TXT
字号:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>

<script> 
<!-- Beginning of JavaScript - 
//改变字体的大小
var thissize=40
var textfont="宋体"
//改变字体的颜色
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]="欢迎ASP.NET学习网站"
message[1]="http://www.jxau.edu.cn"
message[2]="这是你我共有的网页家园"
message[3]="欢迎你参与网站的建设"

var i_blurstrength=20
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:5px;left:5px;filter:blur(add=0,strength="+i_blurstrength+",direction=90);font-family:"+textfont+";font-size:"+thissize+"px;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:5px;left:5px;filter:blendTrans(duration=4.2);font-family:"+textfont+";font-size:"+thissize+"px'>"+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)
}
} 
}
window.onload=blurtext
// - End of JavaScript - -->
</script>
<div id=mainbod 
style="LEFT: 10px; VISIBILITY: visible; POSITION: absolute; TOP: 180px"></div>
<div id=blurthis 
style="VISIBILITY: visible; POSITION: absolute"></div>




</head>

<body>

</body>
</html>

⌨️ 快捷键说明

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