📄 54.html

📁 80个JavaScript特效文件
💻 HTML
字号:
<html>
<head>
<title>波浪文字变化</title>
<SCRIPT LANGUAGE="JavaScript">
<!--
var message=new Array()
message[0]="新浪"
message[1]="搜狐"
message[2]="CCTV"

var messageurl=new Array()
messageurl[0]="http://www.sina.com.cn"
messageurl[1]="http://www.sohu.com"
messageurl[2]="http://www.cctv.com"

var messagetarget=new Array()
messagetarget[0]="_blank"
messagetarget[1]="_blank"
messagetarget[2]="_blank"

var fntsize=15  //设置字体大小
var fntcolor="FFFF00"  //设置字体颜色
var fntfamily="Comic Sans MS"  //设置字体样式
var fntweight=1  //设置字体粗细
var pause=3  //设置切换间隔时间
var backgroundcolor="000000"
var posleft=10  //横向位置点数 
var postop=10  //纵向位置点数
var scrollerwidth=600  //设置区域范围宽度
var scrollerheight=60  //设置区域范围高度
var scrollerborder=2  //设置区域边框粗细
var textpadding=15  //设置内边界范围
var linktext="....[更多的网站]"  //设置附加内容，可以设置为空
var textwidth=scrollerwidth-(2*textpadding)
var textcontent=""
var bgcontent=""
var i_message=0
var i_stepwave=0
var i_maxstepwave=20
pause=pause*1000
if (fntweight==1) {fntweight="700"}
else {fntweight="100"}

function initiate() {
    gettextcontent()
	getbgcontent()
    if (document.all) {
		wavemessage.innerHTML=textcontent
		wavemessagebg.innerHTML=bgcontent
		wavemessagebg.style.posLeft=posleft
		wavemessagebg.style.posTop=postop
		wavemessage.style.posLeft=posleft+textpadding
		wavemessage.style.posTop=postop+textpadding
		enlargewave()
    }
    if (document.layers) {
        document.wavemessage.left=posleft+textpadding
		document.wavemessage.top=postop+textpadding
		document.wavemessagebg.document.write(bgcontent)
        document.wavemessagebg.document.close()
		document.wavemessagebg.left=posleft
		document.wavemessagebg.top=postop
        changemessage()
    }
}

function enlargewave() {
    if (i_stepwave<=i_maxstepwave) {
	    wavemessage.filters.wave.phase=i_stepwave
	    wavemessage.filters.wave.strength=i_stepwave
        wavemessage.filters.wave.lightstrength=i_stepwave
	    wavemessage.filters.wave.freq=i_stepwave
        i_stepwave++
	    var timer=setTimeout("enlargewave()",50)
    }
    else {
        clearTimeout(timer)
        changemessage()
    }
}

function reducewave() {
    if (i_stepwave>0) {
	    wavemessage.filters.wave.phase=i_stepwave
	    wavemessage.filters.wave.strength=i_stepwave
	    wavemessage.filters.wave.lightstrength=i_stepwave
	    wavemessage.filters.wave.freq=i_stepwave
        i_stepwave--
	    var timer=setTimeout("reducewave()",50)
    }
    else {
        clearTimeout(timer)
        var timer=setTimeout("enlargewave()",pause)
    }
}

function changemessage() { 
    i_message++
    if (i_message>=message.length) {i_message=0}
    gettextcontent()

    if (document.all) { 
        wavemessage.innerHTML=textcontent
        reducewave()
    }
    
    if (document.layers) {
        document.wavemessage.document.write(textcontent)
        document.wavemessage.document.close()
        var timer=setTimeout("changemessage()",pause)
    }
    
}

function gettextcontent() {
	textcontent="<span style='font-size:"+fntsize+"pt;font-family:"+fntfamily+";font-weight:"+fntweight+";width:"+textwidth+"px'>"
	textcontent+="<font color="+fntcolor+">"+message[i_message]+"</font> "
	textcontent+="<a href="+messageurl[i_message]+" target="+messagetarget[i_message]+"> "
	textcontent+="<font color="+fntcolor+">"+linktext+"</font></a></span>"
}

function getbgcontent() {
	bgcontent="<table width="+scrollerwidth+" height="+scrollerheight+" border="+scrollerborder+"><tr><td bgcolor="+backgroundcolor+"> </td></tr></table>"
}
window.onload=initiate
-->
</SCRIPT>
</head>
<body>
<DIV ID="wavemessagebg" style="position:absolute;"></DIV>
<DIV ID="wavemessage" style="position:absolute; filter:wave()"></DIV>
</body>
</html>
⌨️ 快捷键说明

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