JAVASCRIPT範例:[另類跑馬燈連結] 9W個人設計工作室

請將以下程式碼複製至您的<HEAD>與<HEAD>之間

<style>
  .stHeadliner {font-family: lucida console, courier new, monospace;
                font-size: 10pt;
                font-weight: bold;
                font-style: italic;
                background: blue;
                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=30
// 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("Hello 各位, 按這裡回9W首頁!", "http://www.9w2u.com", Expand, 2000)

lines[2]=new Line("FREE JAVASCRIPT收集! 按這裡!", "http://www.9w2u.com/javascriptroom.asp", Scroll, 1000)

lines[3]=new Line("學CSS語法! 請按這裡", "http://www.9w2u.com/cssbook.asp?book=1", Static, 2500)

lines[4]=new Line("要E-Mail給我!請按一下!", "mailto:nobody@nobody.com?subject=The Headliner&nobody@nobody.com", Grow, 3000)

// Some other variables (請勿修改)
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>