http://catyku.pixnet.net/blog/post/25010749
登入 痞客邦 PIXNET 申請帳號
聰明的生活跳到主文
smart life部落格全站分類：數位生活
相簿部落格留言名片Jan 05 Mon 2009 21:40
javascript-利用div隱藏顯示來展示階層式資料-使用attachEvent
加入書籤: 這是一個很好玩的javascript效果
裡面有一個tag a的href stop,找不到方式,只好使用prototype.js的Event.stop(event);
prototype.js可以由
http://www.prototypejs.org/
來下載
來做
1.level0時就直接顯示在div裡
2.按下level0的Element後顯示level1
使用document.createElement來建立遵循W3C的Element
3.而level1的部份Element則使用attachEvent來監控onclick事件
按下後則可以顯示level2資料,這裡的資料則用最簡單的append文字^^
以下是效果
各式食品、餐廳、休閒零食、花圃園藝
保健食品 ，食品原料 ，有機食品
食品原料 ，水解膠原蛋白 ，葉黃素 ，葡萄籽 ，納豆激X ，紅麴 ，活性乳酸菌
--------------------------------------------------------------------------------
小吃店 日本料理 吃到飽 異國料理 台菜 咖啡簡餐 團購食品 保健食品 食品原料 有機食品 食品原料 水解膠原蛋白 葉黃素 葡萄籽 納豆激X 紅麴 活性乳酸菌 園藝工程 園藝設計 園藝用品 花店 花圃
原始碼
catyku 發表在 痞客邦 PIXNET 迴響(0) 引用(0) 人氣(95)
推薦上專欄 E-mail轉寄 轉寄至留言版
全站分類：電腦軟硬體
個人分類：程式
此分類上一篇： [教學]apache lucene-建立自己的Search Engine 1-建立索引檔
此分類下一篇： [javascript]簡單的拉Bar效果
▲top
引用列表 (0)
迴響列表 (0)
發表留言
本篇迴響權限：開放所有人迴響
留下迴響
*姓名/暱稱
電子郵件
個人網頁
留言標題
*留言內容
* 悄悄話 公開留言 悄悄話
非登入情況下留悄悄話，版主回覆會無法正常觀看，建議你登入或註冊新帳號來留言喔
RSS
RSS輪播
【台中太平酒桶山】月光森林 景觀餐廳
【南投旅遊】清境小瑞士花園
【台中新社景觀餐廳】普羅旺斯庭園咖啡(下午茶篇)
【台中新社景觀餐廳】普羅旺斯庭園咖啡(環境篇)
【台中餐廳】KiKi 川菜餐廳 (KiKi restaurant)
閱讀更多資訊...Looking Book
NOKIA創新驚艷
STARBUCKS咖啡王國傳奇
小寓言學大商道
近期文章
嗆聲
[javascript]簡單的拉Bar效果
原版CD
[賀卡]2009牛轉乾坤
[食記]蓮友健康素食料理
[程式]利用Random來做亂數密碼
javascript-利用div隱藏顯示來展示階層式資料-使用attachEvent
Visual Studio Express 2008利用Imagick來ReSize圖片-使用ImagickNet
祝大家2009年萬事如意
Java利用Imagick來ReSize圖片檔-使用JMagick
Google閱讀器
科技新聞
無煙燒烤超環保 烤肉滋味不減少 (大台灣)
水稻基因研究傑出 余淑美、邢禹依獲國際科學獎 (中廣)
潮寮十天後簽環保協定 大寮：勉強接受 (中廣)
大寮空污案 將簽署環保協定條文 (中央社)
電玩展來囉 拼人氣衝買氣 (中廣)
大摩估今年GDP-6% 經建會:盼達成2.5%目標 (中央社)
大寮空污案環保協定 10天後協調條文 (中央社)
國軍漢光電腦兵推 6月登場 (中央社)
黃百祿存3千萬？ 金棠科技：不清楚 (TVBS)
搶救黑化珊瑚 還來得及 (台灣醒報)
閱讀更多資訊...文章分類
吃喝玩樂 (1)
Python (1)
VisualStudioExpress2008 (2)
其它 (2)
jsp (1)
資料結構 (1)
java (13)
程式 (34)
囉哩巴說 (8)
狗狗照片 (4)
未分類文章 (2)
部落格文章搜尋
參觀人氣
本日人氣：68
累積人氣：26374
誰來我家
wakema活動
最新迴響
02/08 愛流浪的小明：感謝yku.tw留言建議^^ 這... 02/08 如雲：別難過嘍！或許對方就是老... 01/28 如雲：真可愛啊！新年快樂嘍^_^ 01/26 涼子：哈…因為太亮而沒看到素食，害... 01/19 legendpurple：很棒的教學~~正好最近要用到~... 01/10 版主回覆：不用客氣...^^ 01/10 tim：good 謝謝你很有幫助唷 ... 01/03 如雲：新年快樂啦^_^ 12/24 如雲：謝謝我昨天不知道為何不能r... 12/21 如雲：基本上= =很多東西他都幫我做...
回到頁首 回到主文 痞客邦 PIXNET 申請帳號 會員服務專區
