Creative Commons License
發卡布洛 所有內容 採用
創用 CC 姓名標示-非商業性-禁止改作 2.5 台灣 授權條款授權.

看到發卡布洛左上角的「我最三八」了嗎?由於站方的圖示有限,所以我就自己做了一張,不過當我改完後才發現網路上已經有人先寫好這個功能了,但沒關係,我還是把寫法分享出來,大家可以互相切磋一下。

基本上我是以痞客邦的程式碼下去改的,顯示的部份並沒做什麼更動,由於這個功能是用jQuery寫的,大家可以發現程式碼真的非常的少,它就是這樣~寫起來又快又賤!


使用方法

將以下程式碼貼到側邊欄位設定的頁尾描述就可以使用了:
(其實不管你要貼在哪一欄都可以)

<script type="text/javascript">
//這邊可以更改
var url = "連結位址"; //滑鼠點下去會連到哪裡(如果不要連結請輸入#)
var title = "提示文字"; //滑鼠移上去時會顯示的提示文字
var img = "圖片網址"; //這裡放置自己的三八圖片網址

//下面不要改
var logo="<div id=\"pixnet_badge_container\"><a id=\"pixnet_badge_link\" href=\"" + url + "\" title=\"" + title + "\"></a></div>";
jQuery(function($){
$(logo).appendTo(document.body);
$('#pixnet_badge_container').css({position:"absolute", left:"0px", top:"0px", width:"110px", height:"110px"})
$('#pixnet_badge_link').css({position:"absolute", width:"110px", height:"110px"})
if (jQuery.browser.msie && (parseFloat(jQuery.browser.version) >= 5.5 && parseFloat(jQuery.browser.version) < 7.0) && document.body.filters) {
    $('#pixnet_badge_link').css('background', 'transparent');
    $('#pixnet_badge_link').css('filter', "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale, src=img)");
} else 
$('#pixnet_badge_link').css('background', 'url(' + img + ') no-repeat left top');
});
</script>

bshadow 發表在 痞客邦 PIXNET 留言(3) 人氣()


留言列表 (3)

發表留言
  • 悄悄話
  • 悄悄話
  • steve85916
  • 請問一下....
    圖片網址怎嚜來?
  • 你可以將圖片上傳到痞客邦的相簿
    就可以取得網址囉~!

    bshadow 於 2010/06/27 03:20 回覆

您尚未登入,將以訪客身份留言。亦可以上方服務帳號登入留言

請輸入暱稱 ( 最多顯示 6 個中文字元 )

請輸入標題 ( 最多顯示 9 個中文字元 )

請輸入內容 ( 最多 140 個中文字元 )

請輸入左方認證碼:

看不懂,換張圖

請輸入驗證碼