当前位置：特效代码站 > 鼠标按钮 > 正文

智能化的动态按钮效果

来源：www.qpsh.com作者：佚名时间：08-02-26 点击：

<STYLE>
  .stHeadliner {

font-size: 11pt;

font-weight: bold;

background: #cccccc;

color: #333333}

</STYLE>
<SCRIPT LANGUAGE="JavaScript">

<!-- start hide

// Delay in milliseconds for the growing headliner

growWait=90

// Delay in milliseconds for the expanding headliner

expandWait=40

// Delay in milliseconds for the scrolling headliner

scrollWait=50

// 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.texiao.org.cn", Expand, 2000)

lines[2]=new Line("再不点我，我要生气了 ＃＃", "http://www.texiao.org.cn", Scroll, 2000)

lines[3]=new Line("小样！看来你是活腻了吧！！！！！！！", "http://www.texiao.org.cn", Static, 2500)

lines[4]=new Line("算了，还是你厉害～^_^～", "http://www.texiao.org.cn", Grow, 3000)

// 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()" onUnload="StopHeadliner()">
<form name="formDisplay">

</form>

<br><br>
</body>
</html>

[打印] [关闭]

上一篇：打开一个全屏窗口的按钮代码下一篇：点击按钮后打开一个可移动的层

当前位置：特效代码站 > 鼠标按钮 > 正文

智能化的动态按钮效果

本类最新

本类热门

相关代码

经典推荐

热门关注