語法展示:: http://home.graffiti.net/flnodxhfs/
請用IE6.0或更新版本觀看語法特效展示
將以下程式碼複製，貼在<body>及</body>標籤之間。
<div id="tickerbg" style="position:absolute;; width: 0"></div>
<div id="ticker" style="position: absolute; left: 0; top: 0; width: 0; height: 0"></div>
<a href="#" target="0" onMouseOver="showmessage('Java Script是一個Java Applet程式語言的簡易版本，它是由Netscape與Sun這兩家公司在1995年底所制定的，早期是為了在Navigator 2.0上設計動態網頁而設計的...... ')" onMouseOut="hideticker()">Java Script</a>
<a href="#" target="0" onMouseOver="showmessage('Java Applet是一個跨平台的程式語言，也就是相同的程式碼可以在不同的硬體機器上執行，這對於網際網路上的應用程式來說是十分重要的，因為Internet是由許多不同種類的機器所連接而成的... ')" onMouseOut="hideticker()">Java Applet</a>
可自行修改連結的網址、框架及提示文字
將以下程式碼複製，貼在<head>及</head>標籤之間。
<script language=javaScript>
<!--
var tickerwidth=150
var tickerheight=150
var tickerpadding=5
var borderwidth=1
var fnt="細明體"
var fntsize=10
var fntsizelastletter=10
var fntcolor="#0000FF"
var fntcolorlastletter="#FFFF00"
var fntweight=3
var backgroundcolor="#DFBFFF"
var standstill=2000
var speed=120
var xdistance=10
var ydistance=15
var timer
var topposition=0
var leftposition=0
var x,y
var i_substring=0
var i_presubstring=0
var i_message=0
var message
var messagecontent=""
var messagebackground=""
var messagepresubstring=""
var messageaftersubstring=""
fntweight=fntweight*100
function getmessagebackground() {
messagebackground="<table border="+borderwidth+" width="+tickerwidth+" height="+tickerheight+" cellspacing=0 cellpadding=0><tr><td valign=top bgcolor='"+backgroundcolor+"'>"
messagebackground+=" </td></tr></table>"
}
function getmessagecontent() {
messagecontent="<table border=0 cellspacing=0 cellpadding="+tickerpadding+" width="+tickerwidth+" height="+tickerheight+"><tr><td valign=top>"
messagecontent+="<span style='position:relative; font-family:"+fnt+";color:"+fntcolor+";font-size:"+fntsize+"pt;font-weight:"+fntweight+"'>"
messagecontent+="<font color='"+fntcolor+"'>"
messagecontent+=messagepresubstring
messagecontent+="</font>"
messagecontent+="</span>"
messagecontent+="<span style='position:relative; font-family:"+fnt+";color:"+fntcolor+";font-size:"+fntsizelastletter+"pt;font-weight:900'>"
messagecontent+="<font color='"+fntcolorlastletter+"'>"
messagecontent+=messageaftersubstring
messagecontent+="</font>"
messagecontent+="</span>"
messagecontent+="</td></tr></table>"
}
function showticker() {
if (i_substring<=message.length-1) {
i_substring++
i_presubstring=i_substring-1
if (i_presubstring<0) {i_presubstring=0}
messagepresubstring=message.substring(0,i_presubstring)
messageaftersubstring=message.substring(i_presubstring,i_substring)
getmessagecontent()
if (document.all) {
ticker.innerHTML=messagecontent
timer=setTimeout("showticker()", speed)
}
if (document.layers) {
document.ticker.document.write(messagecontent)
document.ticker.document.close()
timer=setTimeout("showticker()", speed)
}
}
else {
clearTimeout(timer)
}
}
function hideticker() {
clearTimeout(timer)
i_substring=0
i_presubstring=0
if (document.all) {
document.all.ticker.style.visibility="hidden"
document.all.tickerbg.style.visibility="hidden"
}
if (document.layers) {
document.ticker.visibility="hidden"
document.tickerbg.visibility="hidden"
}
}
function showmessage(linkmessage) {
getmessagebackground()
message=linkmessage
i_substring=0
i_presubstring=0
leftposition=x+xdistance
topposition=y+ydistance
if (document.all) {
document.all.ticker.style.posLeft=leftposition
document.all.ticker.style.posTop=topposition
document.all.tickerbg.style.posLeft=leftposition
document.all.tickerbg.style.posTop=topposition
tickerbg.innerHTML=messagebackground
document.all.ticker.style.visibility="visible"
document.all.tickerbg.style.visibility="visible"
showticker()
}
if (document.layers) {
document.ticker.left=leftposition
document.ticker.top=topposition
document.tickerbg.left=leftposition
document.tickerbg.top=topposition
document.tickerbg.document.write(messagebackground)
document.tickerbg.document.close()
document.ticker.visibility="visible"
document.tickerbg.visibility="visible"
showticker()
}
}
function handlerMM(e){
x = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX
y = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY
}
if (document.layers){
document.captureEvents(Event.MOUSEMOVE);
}
document.onmousemove = handlerMM;
-->
</script>
| 在 var tickerwidth=150 中修改提示框的寬度 |
| 在 var tickerheight=150 中修改提示框的高度 |
| 在 var tickerpadding=5 中修改提示框的間距 |
| 在 var borderwidth=1 中修改提示框的框線粗細 |
| 在 var fnt="細明體" 中修改文字的字體 |
| 在 var fntsize=10 中修改文字的大小 |
| 在 var fntsizelastletter=10 中修改最後一字文字的大小 |
| 在 var fntcolor="#0000FF" 中修改文字的顏色 |
| 在 var fntcolorlastletter="#FFFF00" 中修改最後一字文字的顏色 |
| 在 var fntweight=3 中修改文字的粗細(1~9) |
| 在 var backgroundcolor="#DFBFFF" 中修改提示框背景顏色 |
| 在 var speed=120 中修改提示文字的速度 |
| 在 var xdistance=10 中修改提示框與連結文字水平的距離 |
| 在 var ydistance=15 中修改提示框與連結文字垂直的距離 |
全站熱搜
留言列表
