0


歡迎光臨!! 救國團台中學苑 社會教育研習中心 電腦班隊研習營【網頁設計課程】


超連結特效語法




附浮動說明連結

  救國團電腦班對研習營         網頁設計研習營 

將下列語法貼於</head>之前

<!--語法在網頁插入的開始-->
<script language=javaScript>
<!-- annie
// 提示框的寬度
var tickerwidth=180

// 提示框的高度
var tickerheight=75

// 滾動文字距離提示框外邊的間距 (像素)
var tickerpadding=5

// 提示框的外框寬度 (像素)
var borderwidth=1

// 滾動文字的字體
var fnt="新細明體"

// 滾動文字的大小
var fntsize=9

// 滾動文字的最後字體大小
var fntsizelastletter=8

// 滾動文字的字體顏色
var fntcolor="000000"

// 滾動文字的最後字體顏色
var fntcolorlastletter="999999"

// 滾動文字的字體粗細。在 1 ∼ 9 之間設置
var fntweight=3

// 提示框背景顏色
var backgroundcolor="FFFFCC"

var standstill=2000
var speed=40

// 提示框與連結文字的水平的距離(像素)
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+="&nbsp;</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;
// annie-->
</script>
<!--語法在網頁插入的結束-->
 

-------------------------------------------------------------------

 

將原始碼複製到網頁中欲呈現特效的位置

<!--語法在網頁插入的開始-->
<DIV ID="tickerbg" style="position:absolute;"></DIV>
<DIV ID="ticker" style="position: absolute; left: 16; top: 107; width: 180; height: 19"></DIV>
 

<a href="http://wssh0812.myweb.hinet.net/" target="_blank" onMouseOver="showmessage('新學員請於第一次上課時攜帶上課證、筆記本、筆,本課程謝絕旁聽,如需請假或請調課者,請於一周前事先通知教師安排補課事宜, 上課時非經教師許可嚴禁攜帶磁鐵、磁片、光碟片、USB隨身碟等物品,課程 講義與資料也請妥善保管並於上課時攜帶,遺失恕不補發,最後祝您學習愉快!!')" onMouseOut="hideticker()">救國團電腦班對研習營</a>
 

<a href="http://wssh0812.myweb.hinet.net/05/index.htm" target="_blank" onMouseOver="showmessage('基本上,只要能產生瀏覽器可以看的檔案格式就是一個網頁,如htm, html, asp, aspx, php等....格式。要製作一個網頁,可以使用記事本,輸入html語法編輯,完成後另存新檔成htm附檔名,並將存檔類型改成所有檔案即可。也可以用office的word,存檔成為htm網頁。更可使用front page及Dream weavr網頁編輯軟體。')" onMouseOut="hideticker()">網頁設計研習營</a>


<!--語法在網頁插入的結束-->
 


上一頁下一頁 │                                      │ 回首頁 回特效語法  │