-
网站给的在线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
提交
取消