2007
06

Link Thumbnail -預覽連結的JS

lab.arc90.com提供了一段程式碼,可以讓滑鼠指到連結時,顯示一段說明文字或是預覽圖
該怎麼作呢?

  • 首先,下載 linkthumb.zip 這個檔案,然後解壓縮將裡面的東東全部上傳到你的主機上。
    注意哦,必須跟你的網站目錄放同個資料夾下
  • 接著在你要加入這效果的頁面,加入如下的程式碼:
    < script src="http://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+
email this twitio.us twitthat!
分類於: 網頁設計
文章功能:留言 | 引用 | 訂閱RSS , 有581名真人及396支假人讀過此文章。

這篇文章有 1則 迴響:

Amauds Said in 一月 6th, 2007 @10:27 下午 | 回覆 
1

自己沒有主機空間的人,
用 Snap 也可以唷!
參考 http://blog.roodo.com/jinnsblog/archives/2514132.html