?? 10-23.htm
字號:
<script language=JavaScript>
var message= new Array()
<!--文字信息【序號】＝“標題|說明|網址”-->
message[0]="QQ|騰訊 QQ|http://www.tencten.com"
message[1]="NBA|NBA官方網站|http://www.nba.com"
message[2]="TOM|TOM資源站|http://www.tom.com"
<!--卷軸的高-->
var scrollerheight=20
<!--標題寬-->
var titlezonewidth=80
<!--說明寬-->
var copyzonewidth=240
<!--距離窗口頂部的距離-->
var scrollertop=20
<!--距離窗口左邊的距離-->
var scrollerleft=20
<!--卷軸的粗-->
var scrollerborder=2
<!--標題背景色-->
var titlezonebg="330066"
<!--文字的背景色-->
var copyzonebg="CC0000"
<!--卷軸的背景色-->
var scrollbg="AAAAAA"
<!--目標窗口-->
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
<!--1標題為粗體,0為正常-->
var titlebold=1
<!--1說明為粗體，0為正常-->
var copybold=1
<!--設置 'right', 'left' or 'center' 標題對齊方式-->
var titlealign="left"
<!--設置說明對齊方式-->
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_joined-->
mes_split=mes_joined.split("|") <!--將mes_joined在"|"處分開成子串-->
<!--以下為設置contenttext的格式-->
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+"'>" <!--超鏈接到mes_split的第三個字段-->
contenttext+="<font face='"+font_titleface+"' color='"+font_titlecolor+"' size='"+font_titlesize+"'>" <!--設定標題欄的字體、字號、顏色等-->
contenttext+=pre_titlebold
contenttext+=mes_split[0] <!--標題欄即mes_split的第一個字段，加粗顯示-->
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] <!--說明欄即mes_split的第二個字段，不加粗顯示-->
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>"
<!--設置contentbg的格式-->
if (document.all) { <!--如果是ie瀏覽器-->
scrollertext.innerHTML=contenttext <!--將contenttext賦給scrollertext.innerHTML-->
scrollerbg.innerHTML=contentbg <!--將contentbg賦給scrollerbg.innerHTML-->
document.all.scrollertext.style.posTop=scrollertop+scrollerheight <!--scrollertext距離窗口頂部的高度為卷軸距離窗口頂部的距離加上卷軸的高度-->
document.all.scrollertext.style.posLeft=scrollerleft <!--scrollertext距離窗口左端的距離等于卷軸距離窗口左端的距離-->
document.all.scrollerbg.style.posTop=scrollertop-scrollerborder <!--scrollerbg距離窗口頂部的距離為卷軸距離窗口頂部的距離減去卷軸的寬度-->
document.all.scrollerbg.style.posLeft=scrollerleft-scrollerborder <!--scrollerbg距離窗口左端的距離等于卷軸距離窗口左端的距離減去卷軸的寬度-->
document.all.scrollertext.style.clip="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
scrollin() <!--調用scrollin函數-->
}
if (document.layers) {<!--如果是netscape瀏覽器，則進行類似功能的操作-->
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){ <!--如果是ie瀏覽器-->
if (document.all.scrollertext.style.posTop>scrollertop) {<!--如果scrollertext的popTop大于卷軸距離頂端的距離，則將clipbottom加1-->
clipbottom+=step
document.all.scrollertext.style.clip="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
document.all.scrollertext.style.posTop-=step <!--popTop減1-->
var timer=setTimeout("scrollin()",pause) <!--延時20ms-->
}
else {
clearTimeout(timer) <!--否則清除timer延時-->
var timer=setTimeout("scrollout()",standstill) <!--延時4s-->
}
}
if (document.layers){ <!--如果是netscape瀏覽器，進行類似功能的操作-->
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){ <!--如果是ie瀏覽器-->
if (document.all.scrollertext.style.posTop>(scrollertop-scrollerheight)){ <!--如果scrollertext的popTop大于卷軸距離頂部與卷軸高度之差，則將cliptop加1-->
cliptop+=step
document.all.scrollertext.style.clip="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
document.all.scrollertext.style.posTop-=step <!--scrollertext的popTop減1-->
var timer=setTimeout("scrollout()",pause) <!--延時20ms-->
}
else {
clearTimeout(timer) <!--否則清除延時-->
changemessage() <!--改變顯示信息-->
}
}
if (document.layers){<!--如果是netscape瀏覽器，進行類似的操作-->
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} <!--如果超出信息序列的長度范圍，則置為0-->
mes_joined=message[i_message] <!--合并-->
mes_split=mes_joined.split("|") <!--將mes_joined在"|"處分開成子串-->
cliptop=0 <!--初始化-->
clipbottom=0
<!--以下是contenttext的格式設定，與初始化時的相同-->
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) { <!--如果是ie瀏覽器-->
scrollertext.innerHTML=contenttext <!--將contenttext賦給scrollertext.innerHTML-->
document.all.scrollertext.style.posTop=scrollertop+scrollerheight <!--scrollertext距離窗口頂部的高度為卷軸距離窗口頂部的距離加上卷軸的高度-->
document.all.scrollertext.style.posLeft=scrollerleft <!--scrollertext距離窗口左端的距離等于卷軸距離窗口左端的距離-->
document.all.scrollertext.style.clip="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
scrollin() <!--調用scrollin函數-->
}
if (document.layers) {<!--如果是netscape瀏覽器，進行類似的操作-->
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>
<STYLE>A {
COLOR: #aa0000
}
A:hover {
COLOR: #ff0000
}
</STYLE>
<body onload=initiate() bgcolor="#FFFFFF">
<DIV id=scrollerbg style="POSITION: absolute; TOP: -1000px"></DIV>
<DIV id=scrollertext style="POSITION: absolute; TOP: -1000px"></DIV>
</body>
<!--本例實現了交替顯示不同鏈接的功能-->
<!--顯示的區域分為標題欄和說明欄，其中標題欄中的文字包含超鏈接可以到達相應的網站-->
<!--主要是通過scrollin和scrollout兩個函數來實現的-->
<!--分別對ie和netscape瀏覽器編寫了代碼-->?? 快捷鍵說明
復制代碼
Ctrl + C
搜索代碼
Ctrl + F
全屏模式
F11
切換主題
Ctrl + Shift + D
顯示快捷鍵
?
增大字號
Ctrl + =
減小字號
Ctrl + -