jquery 导航设计实现代码 学习jquery的朋友可以看下
2009-09-02 00:00
621 查看
#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;}
$(document).ready(function(){
$(".has").click(function(){
$(this).addClass("hig").children("a").show().end().siblings().removeClass("hig").children("a").hide();
});
});
第一章
1.1哈哈哈哈哈哈
1.2哈哈哈哈哈哈
1.3哈哈哈哈哈哈
1.4哈哈哈哈哈哈
第二章
2.1哈哈哈哈哈哈
2.2哈哈哈哈哈哈
2.3哈哈哈哈哈哈
2.4哈哈哈哈哈哈
第三章
3.1哈哈哈哈哈哈
3.2哈哈哈哈哈哈
3.3哈哈哈哈哈哈
3.4哈哈哈哈哈哈
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
相关文章推荐
- jquery 导航设计实现代码 学习jquery的朋友可以看下
- 基于jquery的实现异步跨域提交表单的实现代码,需要的朋友可以参考下。
- jQuery实现简单的滑动导航代码(移动端)
- jQuery实现网页顶部固定导航效果代码
- jQuery实现两款有动画功能的导航菜单代码
- jquery实现多行滚动代码,可以向左或向上滚动
- java代码--请设计一个方法,可以实现任意范围内的随机数
- 设计模式学习笔记以及java代码实现
- 基于Jquery的$.cookie()实现跨越页面tabs导航实现代码
- 一款由css3和jquery实现的响应式设计导航
- jquery实现顶部向右伸缩的导航区域代码
- jQuery实现简单的列表式导航菜单效果代码
- jQuery+CSS实现一个侧滑导航菜单代码
- jQuery动态添加.active 实现导航效果代码思路详解
- jQuery与javascript对照学习 获取父子前后元素 实现代码
- 【JS 设计模式 】用组合模式来实现树形导航--代码结构思路分析(一)
- jQuery与javascript对照学习 获取父子前后元素 实现代码
- jquery实现适用于门户站的导航下拉菜单效果代码
- jQuery实现侧边导航点击隐藏动画设计