今天研究了一下 Xuite 動態伸縮選單的寫法,一次補齊好了。

首先進入管理後台,創一個自由欄位,在欄位中寫入:

<script type="text/javascript">
$(function(){
$(".side").children().css({display:"none"});
// 預設是全部的區塊都會隱藏,如果想顯示某些區塊,
// 請在下面加入要顯示的區塊號碼,例如要顯示第11個區塊就填:
$($(".side")[11]).children().css({display:"block"});
// 加在這上面(一行一行加入)
$(".personaltitle").css({cursor:"pointer"}).click(function(){
$(this).next().toggle("fast")
   });
$(".sidetitle").css({cursor:"pointer"}).click(function(){
$(this).next().children().toggle("fast")
   });
});
</script>

區塊的編號由左至右,由上至下編排,個人資訊區塊(關於我)不算在內:

(如圖所示)

xuite.jpg

範例網站:

http://blog.xuite.net/jimsuan/bshadow

後記:

要強制「關於我」區塊顯示,請在 CSS中 加入: .avatar{ display : block }

注意:

「我的發燒文」「我的留言版」「線上聊天」這三個區塊無法正常顯示。

arrow
arrow
    全站熱搜

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