易网时代-编程资源站
Welcome
微信登录
首页
/
脚本样式
/
JavaScript
/
jquery 导航设计实现代码 学习jquery的朋友可以看下
<style type="text/css"> #menu{width:200px;} .has{background:#00DFAA; color:#FFFBF0; cursor:pointer} .hig{background:#FF5F55; color:#2A3F55;} div{padding:0px; margin:10px 0;} div a{background:#D41FAA; display:none; float:left; width:200px;} </style> <script type="text/javascript" src="http://img.jb51.net/jslib/jquery/jquery-1.3.2.min.js"></script> <script type="text/javascript"> $（document）.ready（function（）{ $（".has"）.click（function（）{ $（this）.addClass（"hig"）.children（"a"）.show（）.end（）.siblings（）.removeClass（"hig"）.children（"a"）.hide（）; }）; }）; </script> <span>第一章</span> 1.1哈哈哈哈哈哈 1.2哈哈哈哈哈哈 1.3哈哈哈哈哈哈 1.4哈哈哈哈哈哈 <span>第二章</span> 2.1哈哈哈哈哈哈 2.2哈哈哈哈哈哈 2.3哈哈哈哈哈哈 2.4哈哈哈哈哈哈 <span>第三章</span> 3.1哈哈哈哈哈哈 3.2哈哈哈哈哈哈 3.3哈哈哈哈哈哈 3.4哈哈哈哈哈哈
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
版权所有©石家庄振强科技有限公司2024
冀ICP备08103738号-5
网站地图
易网时代-编程资源站
易网时代-编程资源站 