lab.arc90.com提供了一段程式碼,可以讓滑鼠指到連結時,顯示一段說明文字或是預覽圖
該怎麼作呢?
- 首先,下載 linkthumb.zip 這個檔案,然後解壓縮將裡面的東東全部上傳到你的主機上。
注意哦,必須跟你的網站目錄放同個資料夾下 - 接著在你要加入這效果的頁面,加入如下的程式碼:
< script src="https://myserver.com/path/to/javascript/arc90_linkthumb.js" language="JavaScript" type="Text/JavaScript">
- 在你的連結標籤a裡加入
darkredclass="linkthumb"
- 如果你想讓所有的連結都加入這個特效,該怎麼作呢?這當然不是問題,只要在head區域加入
- 承上,如此一來便可以不用在a標籤裡頭加入class屬性了
可以在以下瀏覽器正常運作:
- Internet Explorer 6.0+
- Mozilla Firefox 1.5+
- Apple Safari 2.0
- Opera Version 8.51+
1 Comment
自己沒有主機空間的人,
用 Snap 也可以唷!
參考 http://blog.roodo.com/jinnsblog/archives/2514132.html