標(biāo)放到鏈接上就可以看到縮略圖。
效果演示見本站首頁
具體使用辦法,
到snap網(wǎng)站可以申請到一段類似以下形式的代碼:
<script defer id="snap_preview_anywhere" type="text/javascript" src="http://spa.snap.com/snap_preview_anywhere.js?ap=1&key=739080a127808f9856fa43a8c91c4d21&sb=1&domain=dimlau.com"></script>
將代碼置于頁面代碼的</head>前面就可以了。(經(jīng)測試,為不拖慢速度,放在</body>前也可以,)
下面說說代碼的修改:
1、使用默認(rèn)的代碼,鼠標(biāo)移動到鏈接上時顯示的效果是帶搜索框的,但是可以通過修改代碼來去掉搜索框,先看效果對比:

修改方法是,將獲得代碼中的sb=1改成sb=0
2、默認(rèn)代碼效果是頁面中的所有鏈接都有鼠標(biāo)劃過時顯示縮略圖效果。如果你想對某個特定鏈接禁用縮略圖效果,可以對該鏈接加上一個分類來標(biāo)識;
例如鏈接
<a href="xxxx">xxx</a>
,禁用縮略圖的方法是寫成
<a href="xxxx" class="snap_nopreview">xxx</a>
通常,一個頁面里大部分鏈接我們都不想加入縮略圖的,所以上述辦法有點煩瑣了。
其實可以通過修改代碼中的ap=1為ap=0來使頁面的所有鏈接在默認(rèn)情況下不顯示縮略圖,這時只有鏈接寫成以下格式的情況下才會有縮略圖顯示:
<a class="snap_preview" href="XXX">XXX</a>
對于上述各種情況,如果鏈接本身已經(jīng)有了某個class分類,比如已經(jīng)分類為class="123",可以用空格來分隔,并賦予多個class分類,比如
class="123 snap_nopreview"或者class="123 snap_preview"
以上為本人的一點小小心得,希望對各位看官有點幫助。
--------------------------------------------------------------------------------------------------------
對于我使用的MT,可以對模版中的評論者網(wǎng)站鏈接形式加入一個class="snap_preview"來實現(xiàn)對評論者網(wǎng)站界面的初步預(yù)覽,我覺得是個不錯的小工具。
當(dāng)然其他程序,也可以做相應(yīng)的修改實現(xiàn)該效果。我就不再多說了。
posted on 2007-12-20 10:36
周銳 閱讀(278)
評論(0) 編輯 收藏 所屬分類:
CSS 、
HTML 、
JavaScript