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

基本上我是以痞客邦的程式碼下去改的,顯示的部份並沒做什麼更動,由於這個功能是用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>
arrow
arrow
    全站熱搜

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