以下為本站文章分類清單

  1. AJAXspacer
  2. ASPspacer
  3. CSSspacer
  4. Javascriptspacer
  5. Windows 應用程式spacer
  6. 網頁設計
  7. 評論、短文、雜文spacer
  8. 版主spacer
  9. 最新回應spacer

以下為本頁本文內容

【卜の選】 Javascript CSS Menu

8/27 08' icon

slashdot menuSlashdot Menu

展示:點選這裡查看

美觀: starstarstarstarstar
實用: starstarstarstarstar
套用簡易度: starstarstarstarstar

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

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


sexmenu

Sex Sliding Menu

展示:點選這裡查看

美觀: starstarstarstarstar
實用: starstarstarstarstar
套用簡易度: starstarstarstarstar

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

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


imagemenu

Image Menu

展示:點選這裡查看

美觀: starstarstarstarstar
實用: starstarstarstarstar
套用簡易度: starstarstarstarstar

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

 

以下為文章回應區

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

manicure   2017/5/4 上午 06:44:00

I think the admin of this site is genuinely working hard
in favor of his web site, for the reason that here every stuff is quality based material.

manicure   2017/4/11 下午 06:35:00

great points altogether, you just received a logo new reader.
What would you suggest in regards to your publish that you
just made some days ago? Any certain?

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嗎? 這樣可能較實用


二打六

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