首頁    文章清單    【老卜】    【卡羅素‧渥客】

 

中文版(簡體)說明

以下為最近發表的文章

【卜の選】 Javascript CSS Menu

8/27 08'

Slashdot Menu

展示：點選這裡查看

美觀：
實用：
套用簡易度：

這款名為 Slashdot Menu 發表在 Dynamic Drive 網站中，作者是 Dimx。如果照整個目錄的動作來看，命名為 Slide Menu 更合適，不過根據官網描述，是在一個名為 Slashdot 網站上，看到這個目錄的外觀，進而加以變化，加上可以展開和收合的功能，因此仍命名為 Slashdot Menu。使用說明及下載，均在展示頁中。

本站左側的目錄，原本只是簡單的切換 display 屬性，當我發現了這個作品後，就針對原本顯示切換，再加上平滑動作與淡入淡出效果，為此，中途還先發表了「IE 透明度失效和 zoom:1 有關？」這篇文章探討 IE 的透明度的問題。正好遇到有人提起，就借這小段說明一下，至於套用方式嘛，我的程式和這裡推薦的 Slashdot Menu 相去不遠，只不過我的多了淡入淡出效果而已（這效果在 IE 中真他媽難看！）

---

Sex Sliding Menu

展示：點選這裡查看

美觀：
實用：
套用簡易度：

第一眼看到這個目錄，就是驚艷，再看到標題：「性感的滑動目錄」，實在太貼切了！下載及使用方法，請按這裡。

這個目錄，還有另一種作法，直接套用 mootool 製作，可惜展示頁的 CSS 部份，在 FireFox 3 中略有問題。

---

Image Menu

展示：點選這裡查看

美觀：
實用：
套用簡易度：

這個影像目錄，效果功力直逼以 Flash 製作完成的效果，而且透過 mootool ，花不了幾行程式碼即可完成！

 

以下為文章回應區

同意轉載，不過麻煩看一下轉載需知

elain   2010/5/12 下午 06:23:00

老師您好，請問是否可以用CSS做出五層的下拉是導覽列，例如這個網址的範例http://www.cssplay.co.uk/menus/dd_valid.html，但他只能長到三層，要如何修改css，可以長到五六層呢，急迫解決，謝謝

Jansen   2009/11/15 下午 08:42:00

板大
我是個學生
想向您請教
mootool是怎麼樣的東西?
要怎麼透過mootool來編寫?

二打六   2009/10/8 下午 02:35:00

版主大大

你好, 看了Image Menu 之後覺得很棒, 但是可以改成出一個table嗎? 這樣可能較實用


二打六

給個回應

姓名:
佈落格網址:
	如果您是要發問問題, 最好有個問題測試的網址, 這樣比較容易找到您問題所在, 謝謝
內容:

Copyright 2006-2007 audi.tw