亚洲av色香蕉一区二区三区,十四以下岁毛片带血a级,亚洲 校园 欧美 国产 另类,亚洲av日韩av一区谷露,色欲av无码一区二区三区

　訪問(wèn)過(guò) Microsoft 中文主頁(yè)的很多人都不會(huì)忘記它新奇的下拉式菜單吧. 它的確給我們帶來(lái)一股清新的網(wǎng)風(fēng), 它實(shí)現(xiàn)了網(wǎng)頁(yè)上下拉菜單, 不僅剩去了很多點(diǎn)擊的麻煩, 并開(kāi)創(chuàng)了一個(gè)網(wǎng)頁(yè)設(shè)計(jì)的未來(lái)之路.

　　我們知道, 通過(guò) CSS 可以確切地定義一個(gè) HTML 元素的樣式，包括它的顏色、字體、邊框、3D效果、濾鏡等等，我們?cè)诳紤]制作下拉菜單時(shí)，首先是想到 CSS 的定位技術(shù)，它精確的定位能力可以使我們放心的甚至竊諶占瀋柚夢(mèng)恢煤涂杉浴?

　　CSS 定位使用"position"屬性的兩種方法定位 HTML 元素，這就是相對(duì)定位(relative)和絕對(duì)定位（absolute),相關(guān)的定位屬性有9個(gè)：

　　position、left、top、width、height、clip、overflow、z-index、visibility

　　當(dāng)使用"absolute(絕對(duì))"定位元素時(shí)，該元素就被當(dāng)作一個(gè)矩形覆蓋物來(lái)格式化，格式化后的矩形區(qū)域就變成了一個(gè)可以放置其他 HTML 元素的容器，這個(gè)容器可以凌駕于 HTML 文檔的布局之上，區(qū)域下面的文字和圖形永遠(yuǎn)也無(wú)法環(huán)繞和透過(guò)該容器顯示出來(lái)。這樣被絕對(duì)定位了的元素我們稱之為塊級(jí)元素，在塊級(jí)元素內(nèi)放置的 HTML元素我們稱之為子元素。

　　另外，當(dāng)我們?cè)谝苿?dòng)鼠標(biāo)時(shí)，具有對(duì) HTML 元素有感應(yīng)的 JAVA 動(dòng)作是 onmouseup、onMouseOver、onMouseOut.

　　onmouseup 為鼠標(biāo)點(diǎn)擊之后的釋放動(dòng)作

  　　 onMouseOver 為鼠標(biāo)經(jīng)過(guò)時(shí)的動(dòng)作

　　 onMouseOut 為鼠標(biāo)離開(kāi)某區(qū)域時(shí)的動(dòng)作.

　　除此之外，我們建立菜單都是為了表達(dá)一定的快捷的操作，通常是超級(jí)連接(URL).菜單上的每一條命令都應(yīng)該對(duì)鼠標(biāo)的行蹤、點(diǎn)擊有感應(yīng)。所以，必須建立菜單對(duì)鼠標(biāo)行為的多級(jí)捕獲。首先是容器本身(塊級(jí)元素)對(duì)鼠標(biāo)經(jīng)過(guò)時(shí)和離開(kāi)時(shí)建立捕獲，其次是菜單上各條命令對(duì)鼠標(biāo)行為的捕獲。也就是鼠標(biāo)經(jīng)過(guò)時(shí)，菜單打開(kāi)響應(yīng)，鼠標(biāo)離去是菜單關(guān)閉。

　　因?yàn)椴藛味际窃诰W(wǎng)頁(yè)調(diào)入時(shí)動(dòng)態(tài)建立的，為了減輕瀏覽器的運(yùn)行負(fù)擔(dān)，加快速度，所以各個(gè)菜單只初始化一次，以后的打開(kāi)和關(guān)閉操作僅僅是容器本身(塊級(jí)元素)的可視與隱藏而已。

　　菜單的動(dòng)態(tài)建立用 document.write 語(yǔ)句完成。 ---- 也因?yàn)槭鞘褂?CSS,因此每個(gè)菜單的第一句開(kāi)頭應(yīng)該如此：

　　document.write ('< STYLE type="text/css" >...后跟菜單定位語(yǔ)法,根據(jù)瀏覽器的不同一般而言，Netscape 用相對(duì)定位， IE 用絕對(duì)定位要好一些。

　　然后是建立容器(塊級(jí)元素) 對(duì)鼠標(biāo) onMouseOver 、 onMouseOut 的捕獲?？梢赃@樣寫(xiě): document.write('< span id=菜單標(biāo)識(shí) onMouseOver="發(fā)生的打開(kāi)動(dòng)作" onMouseOut="菜單的關(guān)閉動(dòng)作" >...

　　其次，以如下方式層層建立菜單及捕獲行為。需要注意的是菜單項(xiàng)定義是和鼠標(biāo)感應(yīng)操作定義在一塊的。

　　< a href="超級(jí)連接" onMouseOver="菜單響應(yīng)事件" onMouseOver="菜單關(guān)閉事件"> 第一條命令< /a >< br >

　　< a href="超級(jí)連接" onMouseOver="菜單響應(yīng)事件" onMouseOver="菜單關(guān)閉事件" > 第二條命令< /a >< br >

　　< a href="超級(jí)連接" onMouseOver="菜單響應(yīng)事件" onMouseOver="菜單關(guān)閉事件" > 第三條命令< /a >< br >

　　...

　　如果要把菜單加上邊框的話，只須在菜單(塊級(jí)元素)屬性里加上 border: < 粗細(xì) > < 長(zhǎng)度 > < 顏色 > < 三維效果 > 即可。例如：

　　...{padding: 2pt} #TestMenu1{border:thin soild outset; position:absolute;... 就成為一個(gè)立體的細(xì)邊菜單。

　　以下是原代碼 6KB，載入瀏覽器時(shí)，鼠標(biāo)在“下拉菜單演示”、“編譯器”和“許可說(shuō)明” ?？繒r(shí)，便會(huì)出現(xiàn)下拉式菜單。