[导入]初学div+css之菜单篇_html/css_WEB-ITnose

WBOY
發布: 2016-06-24 12:29:23
原創
893 人瀏覽過

导航在网站上占有极重要的地位,Table时代的菜单都是用若干个td并排显示而成。
现在,我们可以用语义化的标签,如li来完成。
菜单一:

new document

list-style:none;是去掉列表符号
#nav li下的ul要以li为标准进行绝对定位,这点很重要。
因IE不支持#nav li:hover ul,所以写了一个简单的js来实现,其目的只是给#nav li添加一个mouseover与mouseout事件,
动态改变它的cssName。

菜单二:

new document

这二个简单的菜单主要是对Box模型的理解,最开始我也被box弄糊涂。注意margin、padding、border。


文章来源: http://www.lemongtree.com/Archives/css_menu.aspx
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!