-
網站給的在線JS庫，已經失效了，建議百度搜一個在線的JS庫。查看全部
-
.....................查看全部
-
對比一下查看全部
-
1，div中有ul和li標簽時候，css屬性的安排寫法。div設置背景長寬，ul設置取消liststyletype，li設置浮動和對齊，a設置文字具體屬性 2，下拉菜單脫離文檔流定位，absolute和relative的用法。 3，csshack，在ie兼容查看全部
-
為什么總要嗯嗯啊啊查看全部
-
css3畫三角形實例查看全部
-
jQuery實現菜單慢慢下來、慢慢上去效果查看全部
-
*{ margin:0px; padding:0px;} #menu{ background-color:#eee; width:600px; height:40px; margin:0 auto;} ul{ list-style:none;} ul li{ line-height:40px; text-align:center; position:relative;float:left } a{ text-decoration:none; color:#000; display:block; width:90px;} a:hover{ color:#FFF; background-color:#666;} ul li ul li{ float:none;margin-top:2px; background-color:#eee; } ul li ul{width:90px; position:absolute; display:none;} ul li:hover ul{display:block;} </style> </head> <body> <div id="menu"> <ul> <li><a href="#">首頁</a></li> <li><a href="#">課程大廳</a> <ul> <li><a href="#">JavaScript</a></li> <li><a href="#">JQuery</a></li> </ul> </li> <li><a href="#">學習中心</a> <ul> <li><a href="#">視頻學習</a></li> <li><a href="#">案例學習</a></li> <li><a href="#">交流平臺</a></li> </ul> </li> <li><a href="#">經典案例</a></li> <li><a href="#">關于我們</a></li> </ul> </div> </body>查看全部
-
float浮動屬性，值left向左浮動，right向右浮動。查看全部
-
position：absolute 絕定定位 ,生成絕對定位的元素，相對于 static 定位以外的第一個父元素進行定位。查看全部
-
首先引用jquery庫 ,通過class名獲取以及菜單li，再通過children（）方法找到li的子元素，使用show()或者hide（）方法顯示或隱藏html元素。查看全部
-
使用css樣式生成一個二級菜單： <style type="text/css"> *{ margin:0px; padding:0px;} #menu{ background-color:#eee; width:600px; height:40px; margin:0 auto;} ul{ list-style:none;} ul li{ line-height:40px; text-align:center; position:relative; float:left; } a{ text-decoration:none; color:#000; display:block; width:90px;} a:hover{ color:#FFF; background-color:#666;} ul li ul li{ float:none;margin-top:2px; background-color:#eee; } ul li ul{width:90px; position:absolute; top:40px;left:0px; display:none; } ul li:hover ul{ display:block; } </style> </head> <body> <div id="menu"> <ul> <li><a href="#">首頁</a></li> <li><a href="#">課程大廳</a> <ul> <li><a href="#">JavaScript</a></li> <li><a href="#">JQuery</a></li> </ul> </li> <li><a href="#">學習中心</a> <ul> <li><a href="#">視頻學習</a></li> <li><a href="#">案例學習</a></li> <li><a href="#">交流平臺</a></li> </ul> </li> <li><a href="#">經典案例</a></li> <li><a href="#">關于我們</a></li> </ul> </div>查看全部
-
補充一個額外的小知識，當二級菜單設置為自適應文本長度時，漢字如果超出了一級菜單寬度時會自動換行，而字母卻不會。這是因為換行是依據空格來實現的，當是一串字符串時中間沒有空格就認為是一個單詞也就不換行。而漢字是相互獨立的，也就會自動換行。要解決這個問題只要在二級菜單的li加上屬性：white-space:nowrap;就可在一行內顯示。查看全部
-
js菜單查看全部
-
下拉菜單制作思路查看全部
舉報
0/150
提交
取消