標(biāo)放到鏈接上就可以看到縮略圖。
效果演示見本站首頁(yè)
具體使用辦法,
到snap網(wǎng)站可以申請(qǐ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>
將代碼置于頁(yè)面代碼的</head>前面就可以了。(經(jīng)測(cè)試,為不拖慢速度,放在</body>前也可以,)
下面說(shuō)說(shuō)代碼的修改:
1、使用默認(rèn)的代碼,鼠標(biāo)移動(dòng)到鏈接上時(shí)顯示的效果是帶搜索框的,但是可以通過(guò)修改代碼來(lái)去掉搜索框,先看效果對(duì)比:

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