jquery 导航设计实现代码 学习jquery的朋友可以看下
#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的朋友可以看下
#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(){ $(".
-
js 代码集(学习js的朋友可以看下)
/** * @author Super Sha * QQ:770104121 * E-Mail:supei_shafeng@163.com * publish date: 2009-3-27 * All Rights Reserved */ var JsHelper={}; //声明一个JsHelper根命名空间 JsHelper.DOM = {}; //声明JsHelper目录下的DOM命名空间 JsHelper.Event={}; //声明JsHelper目录下的Event事件命名空间 Js
-
jQuery技巧大放送 学习jquery的朋友可以看下
1.关于页面元素的引用 通过jquery的$()引用元素包括通过id.class.元素名以及元素的层级关系及dom或者xpath条件等方法,且返回的对象为jquery对象(集合对象),不能直接调用dom定义的方法. 2.jQuery对象与dom对象的转换 只有jquery对象才能使用jquery定义的方法.注意dom对象和jquery对象是有区别的,调用方法时要注意操作的是dom对象还是jquery对象. 普通的dom对象一般可以通过$()转换成jquery对象. 如:$(document.ge
-
C#精髓 GridView72大绝技 学习gridview的朋友必看
快速预览:GridView无代码分页排序GridView选中,编辑,取消,删除GridView正反双向排序GridView和下拉菜单DropDownList结合GridView和CheckBox结合鼠标移到GridView某一行时改变该行的背景色方法一鼠标移到GridView某一行时改变该行的背景色方法二GridView实现删除时弹出确认对话框GridView实现自动编号GridView实现自定义时间货币等字符串格式GridView实现用"..."代替超长字符串GridView一般换行
-
JavaScript 入门基础知识 想学习js的朋友可以参考下
stringObject.charAt(index)方法:返回指定索引位置处的字符. stringObject.slice(start,[end])和stringObject.substring(start,[end])方法都接受两个参数,分别为子字符串的起始位置和终止位置,返回这两者之间的字符串,不包括终止位置的那个字符串.如果不指定第二个参数,则默认为字符串的长度,即从起始位置到字符串的末尾. [区别]这两个方法的区别主要是对于负数的处理不同.负数参数对于slice()而言是从字符串的末尾往
-
从零开始学习jQuery (八) 插播:jQuery实施方案
一.摘要 本系列文章将带您进入jQuery的精彩世界, 其中有很多作者具体的使用经验和解决方案, 即使你会使用jQuery也能在阅读中发现些许秘籍. 本篇文章属于临时插播, 用于介绍我在本公司的jQuery实施方案. 二.前言 有了前几章扎实的基础知识我们已经可以在项目中投入使用jQuery了.再继续深入学习jQuery前插播一下我的jQuery实施方案. 每个公司的情况都不同.比如我们公司的页面文件都为用户控件, 物理路径和虚拟路径没有绝对的关系, 所以无法使用相对路径(否则生产环境中会找
-
jQuery导航条固定定位效果实例代码
实现效果图: 向下滑动时,导航栏固定 代码: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; } img{ display: block; margin: 0 auto; } img#search
-
jQuery实现简单的列表式导航菜单效果代码
本文实例讲述了jQuery实现简单的列表式导航菜单效果代码.分享给大家供大家参考.具体如下: 这里使用jQuery实现简单的列表式导航菜单,是根据网上的一个教程,边看边写的,经过了修正,拷贝代码即可使用.主要实现包括三个部分,一是CSS.二是引入jQuery.三是编写JS代码进行jQuery控件. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/jquery-simple-list-style-nav-menu-codes/ 具体代码如下: <h
-
各式各样的导航条效果css3结合jquery代码实现
导航条的使用很广,每个网站都会做出具有自己特色的导航条.最近特地去了解了各种类型的导航条,比如具有高亮显示的导航条,中英文互相切换的导航条,具有弹性动画的导航条,甚至是具有摩擦运动动画的导航条(文字下面有横线)等.每种导航条都有自己的特色,比如高亮显示的导航条看起来比较简单,但是视觉效果还不错,具有动画效果的导航条在视觉上也是有很好的效果. 接下来将会一一介绍4种应用比较广的导航条,即:高亮显示的导航条,中英文互相切换的导航条,具有弹性动画的导航条,具有摩擦运动动画的导航条. 1.高亮显示的导航
随机推荐
- VirtualBox下Centos6.8网络配置教程
- 使用 bootstrap modal遇到的问题小结
- 原生js封装的一些jquery方法(详解)
- Windows 2003如何转换成PC版系统
- VBS教程:VBScript 语句-Select Case 语句
- Freemarker 最简单的例子程序
- 原生JS实现几个常用DOM操作API实例
- 中高级PHP程序员应该掌握哪些技术?
- Java正则表达式基础入门知识
- Python数组定义方法
- Mysql 数据库死锁过程分析(select for update)
- AJAX显示加载中并弹出图层遮挡页面的实现示例
- PowerShell 获取系统信息的函数
- jQuery找出网页上最高元素的方法
- php防止网站被攻击的应急代码
- C语言 一级指针与二级指针详细介绍
- Nginx服务器下使用rewrite重写url以实现伪静态的示例
- Android传递Bitmap对象在两个Activity之间
- springmvc+spring+mybatis实现用户登录功能(下)
- python搭建简易服务器分析与实现