以下為本站文章分類清單

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

以下為本頁本文內容

CSS 下拉式功能表

名稱: CSS 下拉式功能表
語法: CSS
適用:
說明:
備註: 本文取材自「解決學習 CSS 一定會遇到的 111 個問題」松崗出版

實作範例

卜維丰 1/30 07'

以下為文章回應區

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

班長   2011/5/9 上午 02:07:00

卜老師你好:
我用了(解決製作標準網頁186個一定會遇到的問題),書中的下拉式功能表

在IE6 上看iframe 所連結的表單都OK沒問題,但在IE8 上看的時候 iframe 所連結的表單都只剩下 1/3 的畫面 ,請老師指點一下,要如何修正

卜維丰   2010/9/28 下午 04:14:00

果汁,

你先寫 jQuery , 再寫目錄
所謂先寫, 是指在文件裡, jQuery 碼在上, 目錄碼在下
至於位置問題, 看你是用 CSS 去配置, 還是要用 JS 去改視覺上的上下關係

果汁   2010/9/21 下午 05:33:00

老師您好, 我遇到一個下拉式選單與動態輪播互相衝突的難題了, 可否麻煩請您幫我看一下:
http://www.sysage.com.tw/Guest/Default_Test.aspx
上方為彈出式下拉選單,利用<ul><li>的方式產生的
下方為圖檔動態輪播, 利用JQuery來產生的
但發現圖檔動態輪播會將下拉式選單給覆蓋掉
請問老師有沒有辦法解決這問題呢? 亦即讓下拉選單永遠在輪播圖檔的上方, 不被覆蓋...

謝謝~

塵翌   2009/7/14 下午 10:16:00

老師好~
我有使用本書156的方式寫出了下拉式目錄,但是在插入超連結時格會出現格式錯誤或是亂碼的情況~請問是哪出了問題

援例豬   2009/6/17 下午 06:39:00

老師您說不一定要放在根目錄:

但是沒放在以下路徑就讀不到呀
<link href="xxx.css">
<link href="css/xxx.css">

例如:
<link href="images/apple/css/xxx.css">
這樣就讀不到了

ling   2009/4/16 下午 02:31:00

卜老師您好…
我用純文字+css作下拉選單…
但下面有select或input時,
選單出來時會被下方的select或input蓋住。
已試過,將select和input設z-index為1,
將選單裡的ul和li的z-index設為99,
但無效!
請問有解決的辦法嗎?

卜維丰   2008/8/20 下午 03:15:00

Migi, 可以, 我書裡應該有寫
在 CSS 中加入 behavior 修正, 讓 IE6 也可以支援 hover 動作

Migi   2008/8/20 下午 01:50:00

老師,您好:請問以CSS製作下拉式功能表,在IE6.0版下是否可以正常的瀏覽和呈現呢?

卜維丰   2008/5/30 上午 11:25:00

安仔,所以你沒研究原始碼嘛

你的 Q1, 只有把 pulldown.css 連結進去, 清單沒有任何設定

Q2 本來就是水平下拉式, 直式有直式的作法

你一樣, 沒在研究, 如果你只是要答案的話
水平及垂直例在這裡 http://audi.tw/CSS/04/index.html, 看原始檔, 照格式寫就有結果了

安仔   2008/5/29 下午 04:59:00

老師你好,先感謝你的回答,小弟今天在試CSS時,又碰到問題,希望可以幫忙回答!感謝老師。

*小弟目前編輯軟體使用Micro Frontpage。

其他*.CSS
http://home.free.don-net.com/eric80317/test/css.css

http://home.free.don-net.com/eric80317/test/csshover.htc

http://home.free.don-net.com/eric80317/test/font.css

http://home.free.don-net.com/eric80317/test/pulldown.css

Q1.測試網頁:http://home.free.don-net.com/eric80317/test/test1.htm
已經套用pulldown.css
不知如何浮動隱藏子目錄,和目錄標題的連結。

Q2.測試網頁:http://home.free.don-net.com/eric80317/test/test2.html
這是網站範本下載的。
問題在於,要怎麼直式表格,不要有水平線。

Q3.關於老師說,直接copy原始碼回去用,小弟試過,不過怎麼用修改都是無法出現下拉式,都變成一般文字連結。

以上就是小弟很大的問題T_T
望請老師多多幫忙指導與包涵,因為小弟要做網站所以需要用像老師網站上的下拉式選單(很漂亮又實用)。
謝謝!

卜維丰   2008/5/28 下午 01:03:00

安仔, 我書上有寫, 也有範例
就算你沒書, 上面頁框內也有原始檔
我沒鎖右鍵, 放心查看原始檔
把 pulldown.css 下載回去套用, 就可以了

安仔   2008/5/28 上午 01:17:00

老師,我把網頁傳到網路上去,範例如下
http://home.free.don-net.com/eric80317/

謝謝你的幫忙!

安仔   2008/5/28 上午 01:08:00

老師你好,希望你可以幫忙回答你這個問題,
我想做出像老師您的網頁左邊那樣的下拉式選單。目前遇到的問題如下,希望可以不吝回答,
在此非常的感謝你的幫忙!

1.目前已經把分類好,如
a.單元
a-1.單元
a-2.單元
以此類推。(用語法寫好了)
2.現在不知道要下一個步驟如何繼續,
是否有範本可以參考?不好意思。
請老師幫忙謝謝!

秋風   2008/2/20 下午 02:00:00

原本諗住用這下拉功能表做相簿的選單(因為名稱太長),但突然醒起它沒有捲軸,如果太多選擇會好麻煩....
看來要試試用圖層包含住下拉功能表了

wingzero   2008/2/20 上午 08:18:00

卜老師您好
昨天自己也繼續找尋問題
發現範例檔一開始有

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
這一行 我把這行複製到自己的網頁上
一切都OK了 因為是自己一行一行找的
不知道這是什麼原因?

卜维丰   2008/2/20 上午 07:28:00

to,wingzero
001.htm 我用不同瀏覽器看都很正常
000.htm 顯示檔案不存在

wingzero   2008/2/19 下午 08:57:00

卜老師您好
日前購買此書來自學CSS
遇到幾個問題不知道如何解決

把原始碼複製到自己的檔案上
垂直跳出選單的效果無法表現
但是在範例光碟裡的範例卻有
我的瀏覽器已經是IE7.0了
http://b0690151.myweb.hinet.net/001.htm
Q50的兩種背景圖
只會表現出BODY裡的那一張
但同樣在光碟範例也可以看到原有效果
http://b0690151.myweb.hinet.net/000.html

卜維丰   2007/9/6 上午 09:55:00

to Silence,

不一定放根目錄, 放在任何地方都可以
只要 CSS 中能確定讀到就好, 最簡單的
放在和 CSS 檔案同目錄下
語法直接寫成

behavior:url(csshover.htc);

SILENCE   2007/9/4 下午 05:52:00

卜老師你好:)
我看了關於css的111個問題這本書
裡面的垂直式選單部分那個csshover.htc在直入css裡的body裡時請問一定要上傳到自己的網頁根目錄裡嗎?
我試著在自己blog裡使用這個技巧但是在ie6.0卻沒有反應
例如我再pixnet的blog使用時在css的body裡加上了behavior:url('http://tony25852.googlepages.com/csshover.htc');
是因為檔案沒存在跟網頁一樣的空間裡嗎?
如果是有解決之道嗎...?

dino   2007/7/30 上午 11:33:00

thanks

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