在網頁滑鼠移到連結上,在最下方會出現預覽的網址,以前是修改 status 或 statusbar (已經忘記,現在也沒辦法實驗了)
ex: <a href="" onmouseover="window.status='https://blog.longwin.com.tw';">link</a>
要怎麼作到滑鼠移到連結上,下面出現想要出現的文字呢?
JavaScript 預覽連結 要如何修改
現在想要更改滑鼠移到連結的資料,只能實際修改 a href 的值,但是修改完後,滑鼠移開要記得將 href 的值改回來。
點擊的時候,需要連到標準的位置,所以點擊要直接設定到點擊的位置。
因此,需要設定 onmouseover + onmouseout + onclick 來達成這件事情,如下述範例:
- 拆解 a link
- <a href="#"
- onmouseover="this.href='https://blog.longwin.com.tw';"
- onmouseout="this.href='https://blog.longwin.com.tw/to';"
- >
- >link
參數說明
- onmouseover:要顯示的資料
- onmouseout:原始連結網址,實際要連到的地方
- onclick:原始連結網址,實際要連到的地方