在你的網站自製加設網站連結預覽縮圖功能(三)
(使用自製網站連結預覽 展示樣式)

請將滑鼠移到下面超連結位置
網頁研習室【HTML】教學網站

網頁研習室【電子報】教學網站

網頁研習室【賀寶芙】聯賣資訊網

Yahoo!奇摩股市

修改要領
01.這裡你只要改(套)用這隻我找到的 snap.js JS 程式碼即可。
02.此處超連結甚至不需要加入 class="websnapr" CSS 標籤喔。
03.直接顯示網頁快照與自動增加連結小圖標,可同時併存。
04.網頁快照畫面多列了關鍵字顯示、切換大圖、移動網頁快照與多種不錯功能。
05.顯示位置不太正確與超出螢幕頁面問題,也都已順利解決。
06.這隻程式變的更完美好用了,你看看最下面的連結都自動加入快照功能了。

注意事項
01.如果你是第一次使用本功能,因需要重新抓取網頁快照,所以出現的顯示畫面會比較慢些。
02.一個電子信箱只能註測一個程式碼。
03.一個程式碼可用於所有不同網址及次目錄內網頁。
04.如果你想以新視窗開起網頁,請自行於連結標籤處加入 target="_blank"target="_new"
05.不是所有部落格都可以使用這個功能,你要自己測試看看。
發現問題:無。

直接顯示網頁快照     自動增加連結小圖標

請按瀏覽器的檢視原始碼查看

   

網頁研習室 - HTML教學 - 電子報教學 - 李文能 - 編輯