Web实训知识点--0326

[meilinyo]

导航栏二级菜单 代码： *{margin:0;padding:0;} #nav{background-color: #a95511;width:600px;height:20px;margin: 0 auto; } ul li{list-style: none;float: left;line-height:20px;text-align: center;position: relative;} a {text-decoration:none;color: #e59950;padding: 0 10px;width:80px;display:block; } a:hover {background-color: #ff9415;color: #ffe861;} ul li ul{position: absolute;top: 20px;left: 0px;} ul li ul li{float: none;width:80px;background-color: #e26e1c;margin:1px 0;display: none;} ul li ul li a{padding: 0;} ul li:hover li{display: block;} <ul> <li><a href="#">首页</a></li> <li><a href="#">课程大厅</a> <ul> <li><a href="#">web网页实战</a></li> <li><a href="#">服务端技术</a></li> <li><a href="#">python的开发</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> 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 jQuery（CSS的选择器 快速查询DOM文档中元素的能力 强化了JS获取页面元素的方式）基础语法：$(seleector).action() 其语法是为HTML元素的选取编织的 美元符号“$”定义jQuery 选择器(selector) 查询和查找HTML元素 jQuery的action()执行对元素的操作 代码（基本框架）： <script type="text/javascript"> $(document).ready(function(){ $(".A>a").click(function(){ $(this).addClass("current") .next.show() .parent().siblings().childrend("a").removeClass("current") .next().hide(); return false; }); }); </script> <ul class="1"> <li class="2"> <a href="#">a</a> <ul class="##"> <li><a href="###">*</a></li> <li><a href="####">**</a></li> <li><a href="#####">***</a></li> <li><a href="######">****</a></li> </ul> </li> </ul> 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26

[同行的你_创始人CEO]

直接调用，能直接复制就好了~