利用 jQuery 做網頁區塊折疊

有的時候網頁區塊需要如圖示一樣折疊，先用 div#motudo div:gt(0) 找出除了第一塊之外的區塊，然后使用 hide() 加以隱藏，當觸發下一頁事件，如 div.hide().next().show() 所做，先將目前區塊隱藏，然后讓下一個區塊展現出來。

細節請參閱 hello-fold-2009-0204.xml，也可以將這個 gadget 加到 igoogle 去測試看看。

利用 jQuery 做點擊前確認

網頁常常需要做點擊前確認，例如檢查連結到其他網站，或是多一次確認，或是如上圖的提醒等，都可以用 jQuery 的 Selector 的 Attribute Filters 來完成。

首先利用 $("a[href$=pdf]") 將連結找出來，$=代表最後的字是 pdf，再用 bind 將 click 的確認 confirm 功能加上去，這樣就完成。

程式碼：

$("a[href$=pdf]").bind(
'click',
function(event){
return confirm("PDF檔案很大，確定要下載?");
});

如果要檢查是否外部網址，可以考慮用a[href^=http://]來完成。或是加上跳出新視窗 attr("target","_blank")的功能等等。

最近 jQuery 1.3 已經出來了，有興趣的人可以進一步參閱下面連結。

1. jQuery: » jQuery 1.3 and the jQuery Foundation
2. jQuery 1.3來了!! - 黑暗執行緒
3. jQuery 1.3 at Gea-Suan Lin’s BLOG

jQuery 的斑馬條紋做法

經過朋友提醒，jQuery 可以有不同的斑馬條紋做法，延續 MOTUDO 網誌: jQuery 整合 Blogger Data API 小工具 的內容來修改為 dev-motudo-zht-json-200901.xml，結果如上。

程式碼如下：

$("ul li:nth-child(even)").addClass("striped");

不能沒有你

延伸

1. 黑白的電影，貧窮的尊嚴--不能沒有你@ 哈囉～ 馬凌諾斯基
   
2. [不能沒有你]--黑白的縫隙中，一線貧窮的尊嚴(龜趣來嘻)
   
3. 不能沒有你官方部落格- WRETCH

出國旅游連結

japan

1. 快速規劃京都行程及旅遊資訊
2. 京都推薦景點
3. 【京都】宿．陪了我五天的小窩Super Hotel
4. 發現日本【Super Hotel】
5. 京都烏丸五条的Super Hotel請教
6. 京都又多了一家Super Hotel囉！
7. 【日本˙商務旅館】京都‧ Super Hotel 烏丸五条
   
8. [日本/東京/池袋/住宿] Super hotel池袋北口: 訂房、預約、優惠、編碼、英日文問題
9. 背包客棧自助旅行論壇 > 論壇首頁 > 東北亞 > 東北亞精華區
10. Super Hotel
11. 京都住宿攻略 - 背包攻略
12. 20070924 YoKoSo [14/21] 渡月橋、天龍寺、嵐山鐵馬行
13. 單車．京都
14. 京阪神奈姬路7日美食之旅的實際行程
    

波浪 Wave

到了2008年底的最後一天，最適合來回想一年中的各種變化，歷史會記錄經濟不景氣的開始，你的心中會記錄什麼？

過去的讓它過去，新的一年希望讓心里面的情緒表面波濤洶涌，底層保持寧靜。

WebMD 年度十大健康新聞 Top 10

WebMD 網站 2008 年度健康新聞，參閱 Top 10 Health News Stories of 2008，雖然是美國的新聞，也可以參考看看。比較關心的是腰圍的新聞，一些研究顯示即使體重正常，腰圍超過標準仍然是健康的殺手。

根據 康健雜誌：想多活幾年，先減你的腰圍 的報導，台灣男性90公分35.5吋，女性以80公分31.5吋為標準，男性超過一公分增加14%機會得到代謝症候群，女性則是5%。

延伸

1. MOTUDO 網誌: 早死的腰圍 Belly Fat
2. 國民健康局－成人（20歲以上）代謝症候群之判定標準(2006台灣)
3. 代謝症候群
4. 康健雜誌：想多活幾年，先減你的腰圍
5. Motudo Screen 定時全螢幕軟體
6. WebMD - Better information. Better health.