為什麽不是js？用js不是很簡單嗎，也不會有那麽多需要兼容的問題。jquery水平次級導航欄a { text-decoration:none；大綱:無；光標:指針；顏色:白色；}ul{ list-style:無；} ul Li { float:left；邊距:0；填充:7px 7px 0px 7pxborder-right:1px虛線白色；高度:25px背景:番茄；font-size:14px；顏色:白色；文本對齊:居中；}阿利{顯示器:block}ul li span{display:無；位置:絕對；z指數:1000；背景:紅色；顏色:# fff保證金-頂:10px；填充:5px/* *設置子列的絕對定位*/width:auto；_ width:100 px；/**IE6設置為auto無法適應子欄的寬度，所以做了壹個折中的設置*/-moz-border-radius-右下角:5px/* *子欄添加圓角樣式只能在Chrome和FF下很好的顯示，在IE */-khtml-border-radius-右下角無效:5px-WebKit-border-bottom-right-radius:5px；-moz-border-radius-bottom left:5px；-khtml-border-radius-bottom left:5px；-WebKit-border-bottom-left-radius:5px；} ul Li span a { color:white；顯示:內嵌；}/* *使子列水平顯示*/ul Li span a:hover { color:tomato；背景:白色；} Home Item 1 1.1 1.2 1.3 Item 2 2.1 2.2 2.3 Item 3 3.1 3.2 3 Help $(“Ulli”)。Hover (function () {$ (this)。CSS。$(這個)。find("span ")。show()；//顯示子列}，function () {$ (this)。CSS ({ '背景':'番茄' })；$(這個)。find("span ")。hide()；//隱藏子列})；效果圖如下:
上一篇:長期飲用含鐵量高的水會怎樣？下一篇:傳奇合擊服脫機技巧