以下為本站文章分類清單

  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'

以下為文章回應區

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

   2017/8/21 下午 02:10:00

Thank you a lot for sharing this with all folks you really know what you are speaking approximately!
Bookmarked. Please additionally visit my web site =).

We may have a hyperlink alternate arrangement between us

Can better posture make you taller?   2017/8/4 上午 11:01:00

This article provides clear idea in support of the new people of blogging, that actually
how to do running a blog.

goldenscheinost.jimdo.com   2017/7/31 上午 01:14:00

If you want to grow your knowledge just keep visiting this web site and be updated with the latest news update posted here.

What causes burning pain in Achilles tendon?   2017/7/29 上午 03:45:00

Wow, awesome blog layout! How long have you been blogging for?
you made blogging look easy. The overall look of your website is great, let alone the content!

How you can increase your height?   2017/7/22 下午 10:44:00

Paragraph writing is also a fun, if you be familiar
with after that you can write or else it is complex to write.

foot pain and swelling   2017/7/4 上午 04:46:00

These are really wonderful ideas in concerning
blogging. You have touched some fastidious things
here. Any way keep up wrinting.

is a foot corn painful   2017/7/4 上午 03:55:00

Hello i am kavin, its my first occasion to commenting anywhere, when i read this article i thought
i could also make comment due to this sensible piece of writing.

foot pain and numbness   2017/6/21 下午 05:52:00

Hey there, You have done an incredible job. I'll certainly
digg it and individually suggest to my friends.
I'm confident they will be benefited from this site.

manicure   2017/5/3 下午 07:36:00

I was suggested this website by my cousin. I'm not sure whether this post is written by him
as nobody else know such detailed about my difficulty.
You are incredible! Thanks!

Tyson   2017/4/29 下午 08:31:00

You could certainly see your skills in the
work you write. The arena hopes for even more passionate writers like you who
aren't afraid to say how they believe. Always go after your heart.

BHW   2017/4/13 下午 08:18:00

Hey I know this is off topic but I was wondering if you knew of any
widgets I could add to my blog that automatically tweet
my newest twitter updates. I've been looking for a plug-in like this for quite some time and was hoping maybe you would have some experience with something like this.
Please let me know if you run into anything. I truly enjoy reading your blog and I look
forward to your new updates.

班長   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

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