語法展示:: http://home.graffiti.net/kjhhggkg/
請用IE6.0或更新版本觀看語法特效展示
將以下程式碼複製，貼在<body>及</body>標籤之間。
<DIV id=scrollerbg style="POSITION: absolute; TOP: -1000px"></DIV>
<DIV id=scrollertext
style="POSITION: absolute; TOP: -1000px"></DIV>
將以下程式碼複製，貼在<body >標籤裡面。
onload="initiate()"
將以下程式碼複製，貼在<head>及</head>標籤之間。
<script language=JavaScript1.2>
<!--
var message= new Array()
message[0]="奇摩|台灣入口網站 1|http://tw.yahoo.com/"
message[1]="雅虎|台灣入口網站 2|http://as4003.hypermart.net/wenchin/ering.cgi"
message[2]="蕃薯藤|台灣入口網站 3|http://www.yam.com/"
message[3]="新浪網|台灣入口網站 4|http://www.sina.com.tw/"
message[4]="PC home|台灣入口網站 5|http://www.pchome.com.tw/"
message[5]="紫蓮の翼|消磨時光好地方|http://blog.pixnet.net/como0925"
var scrollerheight=20
var titlezonewidth=50
var copyzonewidth=115
var scrollertop=170
var scrollerleft=160
var scrollerborder=5
var titlezonebg="FF8000"
var copyzonebg="FF9F40"
var scrollbg="CCCCCC"
var targetlink="_blank"
var font_titleface="細明體"
var font_titlecolor="FFFFFF"
var font_titlesize=2
var font_copyface="細明體"
var font_copycolor="FFFFFF"
var font_copysize=2
var titlebold=0
var copybold=0
var titlealign="center"
var copyalign="left"
var standstill=4000
var pre_titlebold
var after_titlebold
var pre_copybold
var after_copybold
var cliptop=0
var clipbottom=0
var clipleft=0
var clipright=titlezonewidth+copyzonewidth
var i_message=0
var mes_joined
var mes_split
var contenttext
var contentbg=""
var step=1
var pause=20
if (titlebold==1) {
pre_titlebold="<b>"
after_titlebold="</b>"
}
else if (titlebold==0) {
pre_titlebold=""
after_titlebold=""
}
if (copybold==1) {
pre_copybold="<b>"
after_copybold="</b>"
}
else if (copybold==0) {
pre_copybold=""
after_copybold=""
}
function initiate() {
mes_joined=message[i_message]
mes_split=mes_joined.split("|")
contenttext="<table cellpadding=4 cellspacing=0 border=0>"
contenttext+="<tr valign='top'>"
contenttext+="<td align="+titlealign+" width="+titlezonewidth+" height='"+scrollerheight+"' bgcolor='"+titlezonebg+"'>"
contenttext+="<a href='"+mes_split[2]+"' target='"+targetlink+"'>"
contenttext+="<font face='"+font_titleface+"' color='"+font_titlecolor+"' size='"+font_titlesize+"'>"
contenttext+=pre_titlebold
contenttext+=mes_split[0]
contenttext+=after_titlebold
contenttext+="</font></a></td>"
contenttext+="<td align="+copyalign+" width="+copyzonewidth+" height='"+scrollerheight+"' bgcolor='"+copyzonebg+"'>"
contenttext+="<font face='"+font_copyface+"' color='"+font_copycolor+"' size='"+font_copysize+"'>"
contenttext+=pre_copybold
contenttext+=mes_split[1]
contenttext+=after_copybold
contenttext+="</font></td></tr>"
contenttext+="</table>"
var bg_width=titlezonewidth+copyzonewidth+2*scrollerborder
var bg_height=scrollerheight+2*scrollerborder
contentbg="<table width="+bg_width+" height='"+bg_height+"' cellpadding=0 cellspacing=0 border='"+scrollerborder+"'><tr><td bgcolor='"+scrollbg+"'> </td></tr></table>"
if (document.all) {
scrollertext.innerHTML=contenttext
scrollerbg.innerHTML=contentbg
document.all.scrollertext.style.posTop=scrollertop+scrollerheight
document.all.scrollertext.style.posLeft=scrollerleft
document.all.scrollerbg.style.posTop=scrollertop-scrollerborder
document.all.scrollerbg.style.posLeft=scrollerleft-scrollerborder
document.all.scrollertext.style.clip="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
scrollin()
}
if (document.layers) {
document.scrollertext.document.write(contenttext)
document.scrollertext.document.close()
document.scrollerbg.document.write(contentbg)
document.scrollerbg.document.close()
document.scrollertext.top=scrollertop+scrollerheight
document.scrollertext.left=scrollerleft
document.scrollerbg.top=scrollertop-scrollerborder
document.scrollerbg.left=scrollerleft-scrollerborder
document.scrollertext.clip.left=clipleft
document.scrollertext.clip.right=clipright
document.scrollertext.clip.top=cliptop
document.scrollertext.clip.bottom=clipbottom
scrollin()
}
}
function scrollin(){
if (document.all){
if (document.all.scrollertext.style.posTop>scrollertop) {
clipbottom+=step
document.all.scrollertext.style.clip="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
document.all.scrollertext.style.posTop-=step
var timer=setTimeout("scrollin()",pause)
}
else {
clearTimeout(timer)
var timer=setTimeout("scrollout()",standstill)
}
}
if (document.layers){
if (document.scrollertext.top>scrollertop) {
clipbottom+=step
document.scrollertext.clip.left=clipleft
document.scrollertext.clip.right=clipright
document.scrollertext.clip.top=cliptop
document.scrollertext.clip.bottom=clipbottom
document.scrollertext.top-=step
var timer=setTimeout("scrollin()",pause)
}
else {
clearTimeout(timer)
var timer=setTimeout("scrollout()",standstill)
}
}
}
function scrollout(){
if (document.all){
if (document.all.scrollertext.style.posTop>(scrollertop-scrollerheight)) {
cliptop+=step
document.all.scrollertext.style.clip="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
document.all.scrollertext.style.posTop-=step
var timer=setTimeout("scrollout()",pause)
}
else {
clearTimeout(timer)
changemessage()
}
}
if (document.layers){
if (document.scrollertext.top>(scrollertop-scrollerheight)) {
cliptop+=step
document.scrollertext.clip.left=clipleft
document.scrollertext.clip.right=clipright
document.scrollertext.clip.top=cliptop
document.scrollertext.clip.bottom=clipbottom
document.scrollertext.top-=step
var timer=setTimeout("scrollout()",pause)
}
else {
clearTimeout(timer)
changemessage()
}
}
}
function changemessage(){
i_message++
if (i_message>message.length-1) {i_message=0}
mes_joined=message[i_message]
mes_split=mes_joined.split("|")
cliptop=0
clipbottom=0
contenttext="<table cellpadding=4 cellspacing=0 border=0>"
contenttext+="<tr valign='top'>"
contenttext+="<td align="+titlealign+" width="+titlezonewidth+" height='"+scrollerheight+"' bgcolor='"+titlezonebg+"'>"
contenttext+="<a href='"+mes_split[2]+"' target='"+targetlink+"'>"
contenttext+="<font face='"+font_titleface+"' color='"+font_titlecolor+"' size='"+font_titlesize+"'>"
contenttext+=pre_titlebold
contenttext+=mes_split[0]
contenttext+=after_titlebold
contenttext+="</font></a></td>"
contenttext+="<td align="+copyalign+" width="+copyzonewidth+" height='"+scrollerheight+"' bgcolor='"+copyzonebg+"'>"
contenttext+="<font face='"+font_copyface+"' color='"+font_copycolor+"' size='"+font_copysize+"'>"
contenttext+=pre_copybold
contenttext+=mes_split[1]
contenttext+=after_copybold
contenttext+="</font></td></tr>"
contenttext+="</table>"
if (document.all) {
scrollertext.innerHTML=contenttext
document.all.scrollertext.style.posTop=scrollertop+scrollerheight
document.all.scrollertext.style.posLeft=scrollerleft
document.all.scrollertext.style.clip="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
scrollin()
}
if (document.layers) {
document.scrollertext.document.write(contenttext)
document.scrollertext.document.close()
document.scrollertext.top=scrollertop+scrollerheight
document.scrollertext.left=scrollerleft
document.scrollertext.clip.left=clipleft
document.scrollertext.clip.right=clipright
document.scrollertext.clip.top=cliptop
document.scrollertext.clip.bottom=clipbottom
scrollin()
}
}
-->
</script>在 message[0]="奇摩|台灣入口網站 1|http://tw.yahoo.com/" 中修改依序為
連結文字|連結說明|連結位置
前面數字需依序編號在 var scrollerheight=20 中修改捲軸的高度 在 var titlezonewidth=50 中修改標題欄的寬度 在 var copyzonewidth=115 中修改說明欄的寬度 在 var scrollertop=170 中修改距離視窗上方的距離 在 var scrollerleft=160 中修改距離視窗左方的距離 在 var scrollerborder=5 中修改表框的粗細 在 var titlezonebg="FF8000" 中修改標題欄的背景色 在 var copyzonebg="FF9F40" 中修改說明欄的背景色 在 var scrollbg="CCCCCC" 中修改表格的底色 在 var targetlink="_blank" 中修改連結的方式 在 var font_titleface="細明體"、var font_titlecolor="FFFFFF"、var font_titlesize=2 中修改標題文字的字型、顏色、大小 在 var font_copyface="細明體"、var font_copycolor="FFFFFF"、var font_copysize=2 中修改說明文字的字型、顏色、大小 在 var titlebold=0 中修改標題文字的粗細，0為正常1為粗體 在 var copybold=0 中修改說明文字的粗細，0為正常1為粗體 在 var titlealign="center" 中修改標題文字對齊方式 在 var copyalign="left" 中修改說明文字對齊方式 在 var standstill=4000 中修改停頓的時間
留言列表
HTML語法 (12)
