發卡布洛

今天研究了一下 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>

區塊的編號由左至右，由上至下編排，個人資訊區塊（關於我）不算在內：

（如圖所示）

範例網站：

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

後記：

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

注意：

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