JavaScript 預覽連結 要如何修改

在網頁滑鼠移到連結上,在最下方會出現預覽的網址,以前是修改 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';"
    • onclick="this.href='https://blog.longwin.com.tw/to';"
    • >link

參數說明

  • onmouseover:要顯示的資料
  • onmouseout:原始連結網址,實際要連到的地方
  • onclick:原始連結網址,實際要連到的地方

相關網頁


關於 Tsung

對新奇的事物都很有興趣, 喜歡簡單的東西, 過簡單的生活.
本篇發表於 Programming 並標籤為 , , , , , 。將永久鏈結加入書籤。

發表迴響