-
.top-nav li a { line-height: 20px; text-decoration: none; 去除連接下劃線 background: #DDD; color: #666666; display: bolck; 塊顯示 width: 80px; text-align:center; 字體居中 }查看全部
-
橫向顯示： li{float left;}查看全部
-
onmouseover定義鼠標移動事件 onmouseout定義鼠標離開事件查看全部
-
下拉菜單，對下拉菜單進行精準定位，在ulli里面的ul中設置display查看全部
-
定義函數的關鍵字：function，函數要先定義后使用！ 通過標簽名獲得元素的方法：getElementsByName(),切記在JavaScript中是區分大小寫的！ 鼠標經過事件：onmouseover 鼠標離開事件：onmouseout查看全部
-
下面沒必要寫那么麻煩的css /* 使用CSS設置鼠標移動到一級菜單時，二級菜單顯示，三級菜單隱藏 */ .top-nav li:hover>ul { display:block; } </style>查看全部
-
ul{font-size: 12px; overflow:auto; list-style: none; border-bottom: 5px solid pink;} li{float: left;text-align: center;} a{text-decoration:none;background: #ddd; display: block; color:#666;width:80px; line-height:20px;position: relative;} span{display:none; color:#fff; background: red; width:80px;} a:hover span{ position: absolute; top: 0; left: 0; display: block; }查看全部
-
css3實現下拉菜單動畫效果涉及的屬性查看全部
-
IE6不支持li:hover屬性, 用js原生來解決 (網上有7個字節的解決方法?????)查看全部
-
有用的東西，JS下拉框要點查看全部
-
二級下拉菜單的js原生方法和jQuery原生方法的實現對象查看全部
-
下拉菜單，css式查看全部
-
最終效果: 子集菜單中的width是為了兼容IE7查看全部
-
動畫實現的三種方法查看全部
-
分辨率大小查看全部
舉報
0/150
提交
取消