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

上次發了一篇 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] 已有改善

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


留言列表 (2)

發表留言
  • Orange
  • 很棒的教學

    這篇文章很實用喔!我以為天空部落做不到這個功能...感謝教學啊!
  • 不客氣 :]

    bshadow 於 2009/07/23 17:15 回覆

  • OldNick
  • 太實用了!!
    您實在太厲害勒
    不過請問一下天空的預設開啟要怎麼用阿??
    fast一樣能改嗎?
    另外再問一個不相關的
    能把天空部落最上面的風林火山...什麼鬼的
    設成滑鼠移過去成顯示嗎??
    (好像問題有點太多= =|| 麻煩你了)

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

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

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

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

請輸入左方認證碼:

看不懂,換張圖

請輸入驗證碼

【 X 關閉 】

【PIXNET 痞客邦】國外旅遊調查
您是我們挑選到的讀者!

填完問卷將有機會獲得心動好禮哦(注意:關閉此視窗將不再出現)

立即填寫取消