[15點]這種效果如可弄?(按鈕,延伸表格)

2008-05-31 9:50 am

http://www.ana.co.jp/asw/index.jsp
^這是例子

當大家去到這個All Nippon Airways的網站

例如:當大家將鼠標移去「時刻表/就航都市」

之後這個「時刻表/就航都市」的按鈕變了顏色和下面有個表伸出來

這兩個怎樣去做?請各位前輩指導

更新1:

我用的軟件是Dreamweaver 8.當然,如果有其它軟件是較容易弄上述問題可以提出

回答 (1)

garlic2010

2008-05-31 2:53 pm

✔ 最佳答案

鼠標移動改變顏色、圖畫、顯示/隱形都是用
onmouseover, onmouseout 這兩個 event 加 javascript 來改變 html 的 style 的各項屬性，或 html 的 class 屬性。
參考
http://hk.knowledge.yahoo.com/question/question?qid=7008053002634

Drop-down menu 下落選單其實是將選單放入一個 <div> tag 內，把 div 的 style.visibility 轉為顯示或隱形
參考
http://hk.knowledge.yahoo.com/question/question?qid=7008052900268

這種做法取大的難度是將下落選單的位置放正，這方面須用到 style 的一些屬性，例子如下：

.myClass
{
border-style: solid none solid none;
border-width: 1px;
border-color: #C3C3C3;
height: 240px;
overflow: auto;
position: relative;
top: -15px;
margin-left: 10px;
margin-right: 5px;
display: block;
z-index: 1;
background-color: #EDEEF1;
}

👍 0 👎 0