文字变幻不断缩放的按钮-按钮特效-个人网页秀

当前位置: 首页 > 网页特效 > 按钮特效 > 文字变幻不断缩放的按钮

文字变幻不断缩放的按钮

时间:2009-11-25 16:39 来源:个人网页秀作者:管理员点击:次

说明：文字变幻不断缩放的按钮,根据文本不断变化,很酷的哦!

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>文字变幻不断缩放的按钮</title>
<STYLE>
.stHeadliner {font-family: lucida console, courier new, monospace;
font-size: 18pt;
font-weight: bold;
font-style: italic;
background: red;
color: white}
</STYLE>
<SCRIPT LANGUAGE="JavaScript">

<!-- start hide
// Delay in milliseconds for the growing headliner
growWait=90

// Delay in milliseconds for the expanding headliner
expandWait=120

// Delay in milliseconds for the scrolling headliner
scrollWait=100

// Number of characters in scrolling zone for the scrolling headliner
scrollWidth=40

// Number of lines, specify as much as you want to use
lineMax=4
lines=new Array(lineMax)

// Define the lines (Text to display, url, effect, time to wait)
lines[1]=new Line("国内最好的网页特效站---个人网页秀特效库", "http://www.cnwshow.com/texiao.html", Expand, 2000)
lines[2]=new Line("个人网页秀特效库cnwshow.com", "http://www.cnwshow.com/texiao.html", Scroll, 1000)
lines[3]=new Line("个人网页秀特效库cnwshow.com", "http://www.cnwshow.com/texiao.html", Static, 2000)
lines[4]=new Line("给我写信吧!", "mailto:151483161@qq.com?subject=你好&cc=webmaster@jcnwshow.com", Grow, 2000)

// Some other variables (just don't change)
lineText=""
timerID=null
timerRunning=false
spaces=""
charNo=0
charMax=0
charMiddle=0
lineNo=0
lineWait=0

// Define line object
function Line(text, url, type, wait) {
        this.text=text
        this.url=url
        this.Display=type
        this.wait=wait
}

// Fill a string with n chars c
function StringFill(c, n) {
        s=""
        while (--n >= 0) {
                s+=c
        }
        return s
}

function Static() {
        document.formDisplay.buttonFace.value=this.text
        timerID=setTimeout("ShowNextLine()", this.wait)
}

function Grow() {
        lineText=this.text
        lineWait=this.wait
        charMax=lineText.length
        TextGrow()
}

function TextGrow() {
        if (charNo <= charMax) {
                document.formDisplay.buttonFace.value=lineText.substring(0, charNo)
                charNo++
                timerID=setTimeout("TextGrow()", growWait)
        }
        else {
                charNo=0
                timerID=setTimeout("ShowNextLine()", lineWait)
        }
}

function Expand() {
        lineText=this.text
        charMax=lineText.length
        charMiddle=Math.round(charMax / 2)
        lineWait=this.wait
        TextExpand()
}

function TextExpand() {
        if (charNo <= charMiddle) {
                document.formDisplay.buttonFace.value=lineText.substring(charMiddle - charNo, charMiddle + charNo)
                charNo++
                timerID=setTimeout("TextExpand()", expandWait)
        }
        else {
                charNo=0
                timerID=setTimeout("ShowNextLine()", lineWait)
        }
}

function Scroll() {
        spaces=StringFill(" ", scrollWidth)
        lineText=spaces+this.text
        charMax=lineText.length
        lineText+=spaces
        lineWait=this.wait
        TextScroll()
}

function TextScroll() {
        if (charNo <= charMax) {
                document.formDisplay.buttonFace.value=lineText.substring(charNo, scrollWidth+charNo)
                charNo++
                timerID=setTimeout("TextScroll()", scrollWait)
        }
        else {
                charNo=0
                timerID=setTimeout("ShowNextLine()", lineWait)
        }
}

function StartHeadliner() {
        StopHeadliner()
        timerID=setTimeout("ShowNextLine()", 1000)
        timerRunning=true
}

function StopHeadliner() {
        if (timerRunning) {
                clearTimeout(timerID)
                timerRunning=false
        }
}

function ShowNextLine() {
        (lineNo < lineMax) ? lineNo++ : lineNo=1
        lines[lineNo].Display()
}

function GotoUrl(url)
{
        top.location.href=url
}
// end hide -->

</SCRIPT>
</head>
<body onLoad="StartHeadliner()">
<form name="formDisplay">
<input class="stHeadLiner" type="button" name="buttonFace" value="** The Headliner +++ Jan Pijnacker **" onClick="GotoUrl(lines[lineNo].url)"></INPUT>
</form>
</body>
</html>

提示：可修改代码后再运行!

Tag：文字按钮缩放变幻不断

【发给好友】【收藏】【推荐】【挑错】【评论】【打印】【关闭】

阅读排行

热门图文