網站建置百寶箱〈http://dob.tnc.edu.tw/〉歡迎您

討論

寫信

首頁

作者登入界面

帳號：
密碼：

加入作者群

【熱門單元】

TOP 20 作者

TOP	作者	文章數
1	工友	163
2	linss	26
3	風痕影	23
4	羅蘋	19
5	Dick	15
6	nick	15
7	aaron	14
8	搖頭老爹	13
9	希爾菲斯．卡楚斯特	13
10	蒼穹之子	12
11	Mowd	12
12	Y媽	11
13	無敵大香蕉	11
14	蛋蛋	11
15	小多比蝴蝶	11
16	魔術靈	10
17	monkeywu	10
18	逸風	10
19	ybjou	10
20	街燈電箱150號	10

今日：988

總計：3883900

單元：，專欄：，文章：

【首頁∕Java Script∕游標圖示】

▼【跑馬燈_1】

作者：工友（tad@ms1.url.com.tw）

421706

寄回信箱

看到了嗎？有一張圖片會跟著你的游標跑來跑去，一時想不到好名字，就叫他游標圖示吧！不過本技巧僅適用於IE4.0或以上版本。所以如果您要看到這效果，請用Internet Explorer吧！

立即觀看「游標圖示」範例

【複製步驟一】

<div id=cursor style="height: 25px; left: 100px; position: absolute; top: 160px; visibility: visible; width: 100px">
<IMG SRC="bw.gif">
</DIV>
<SCRIPT language=JavaScript>
<!--
function YY_Mousetrace(evnt) { //v1.2 copyright (c)1998 Yaro von Flocken
 if (yyns4)

  {if (evnt.pageX) {yy_ml=evnt.pageX;  yy_mt=evnt.pageY;}  }
 else{
   yy_ml=(event.clientX + document.body.scrollLeft);
   yy_mt=(event.clientY + document.body.scrollTop);
 }
 if (yy_tracescript)eval(yy_tracescript)
}

function m()
{
document.all.cursor.style.left=yy_ml+10
document.all.cursor.style.top=yy_mt+10
}


//-->
</SCRIPT>

<SCRIPT language=JavaScript>
<!--
var yyns4=window.Event?true:false; var yy_mt = 0; var yy_ml = 0;
if (yyns4) document.captureEvents(Event.MOUSEMOVE);
document.onmousemove = YY_Mousetrace;
yy_tracescript = 'm()';
//-->
</SCRIPT>

【標記】〔按此可快速標記並複製第一部份的程式碼〕
【貼上】然後切換到您的網頁，按『Ctrl+V』將剛剛複製的程式碼貼在</head>之前。

【修改程式碼】

本例的圖檔為image目錄中的bw.gif，所以寫成<IMG SRC="bw.gif">。
您只要更改原始碼中的這裡的圖檔位置即可！也就是<IMG SRC="圖檔路徑檔名">。

【網友補充說明】

amy50129 於 2002-12-31 11:22:03 補充說明：
要在游標圖示後面加上文字只要在

在這輸入文字會在前面＜IMG SRC="bw.gif"＞這裡輸入就可以ㄌ

觀看【游標圖示相關討論】〈共有 77 篇相關討論〉

本單元『游標圖示』的資料來源：星君熱情提供，由工友撰寫教學內容。

▼【跑馬燈_1】