上次發了一篇 jQuery|使用jQuery很華麗的配置你的痞客邦側邊欄位(伸縮選單效果)。有網友發現天空部落也有採用jQuery來撰寫(觀察力真好啊),問我這個效果能不能在天空部落中使用,我稍微看了一下,天空的區塊配置比較複雜,他的自由欄位跟系統預設的欄位寫法不同。寫起來比較麻煩,但還是有辦法套用。請創一個自由欄位,在裡面寫入以下內容就可以使用了:

<script type="text/javascript">
$(function(){
$("div.sideColumn > div:has(div.sideContent)").css({display:"none"});
$("#systemAnnouncebyyam .sideContent, #othermessage .sideContent,#boxVisit .sideContent, #boxRecommend .sideContent, #boxRecommended .sideContent").css({display:"none"});
$(".sideContent:last").css({display:"none"});
$(".sideTitle").css({cursor:"pointer"});
$("div.sideColumn > div:has(div.sideTitle), .sideTitle").click(function(){
$(this).next().toggle("fast");
});
});
</script>

在CSS中加入:#systemAnnounce .sideColumn .sideContent{display:none}

[2009-02-03] 已有改善

arrow
arrow
    全站熱搜

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