Javascript: onMouseOut和onUnload
約瑟 發表
在這個單元, 我們討論的兩個指令分別是 "onMouseOut" 和 "onUnload" (再次提醒, 注意大小寫)。 我把這兩個放在一起講是因為它們都是發生在之後的。
你們已經知道 onMouseOver 這個指令是當你把滑鼠移到某些連結上面時, 發生的效果。 相反的, onMouseOut 就是移開滑鼠後發生的效果。 你又知道 onLoad 這個指令讓我們在讀網頁時出現的效果, 那 onUnload 就是只我們離開網頁出現的效果啦!
STEP1:【程式範例】 - 以下是一個 onMouseOver 和 onMouseOut 的程式碼: <A HREF="01.asp" onMouseOver="window.status='喂!不要碰我!'; return true "onMouseOut="window.status='感覺好多了, 謝啦!'; return true"> 把滑鼠移過來到第一篇教學</A> 以下程式法會在你離開這個網頁後出現效果: <BODY onUnload="alert('那麼快就要走啦??')">
- 執行結果:
首先, 把滑鼠移動以下的連結。 看到狀態列了沒? 然後按下連結看會出現什麼.
把滑鼠移過來到第一篇教學
STEP2:【程式說明】 - 這個程式沒有什麼特別好說的. 總之, mouseOver 的效果是由 onMouseOver 和 onMouseOut 兩個指令做出來的。
- 請大家注意, 這兩個指令無法同時出現。 我們不能說用逗號來把兩個指令分開, 他們無法一起發出效果。 我們要的是當滑鼠移動過去有東西發生, 然後滑鼠移開後又有東西發生。 所以, 我們把它們分成兩個完全不同的指令。 我們在他們後面都個加他們自己的 "return true"。 這樣而來, 內容都會留著不變。再是看看以上的程式, 看我說的對不對?
- 當我們離該網頁時所出現的東西是我們在 <body> 裡面加了 onUnload="alert('那麼快就要走啦??')" 的指令。 再次提醒, 注意程式裡的引號 (" 和 ')沒搞好的話。 錯誤。
onMouseOut 和 onUnload 大致上就是這樣。 蠻簡單的, 不是嗎?