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.高亮显示的导航
随机推荐
- AngularJS入门教程之路由与多视图详解
- iOS开发中UIPopoverController的使用详解
- iOS图片拉伸的多种方式
- ORACLE 11g从 11.2.0.1升级到11.2.0.4 详细实战教程
- JS出现失效的情况总结
- js获取判断上传文件后缀名的示例代码
- ASP.NET 前台javascript与后台代码调用
- asp.net Menu控件+SQLServer实现动态多级菜单
- php分别做为cgi和module来运行的配置
- 一些实用性较高的js方法
- PHP一些有意思的小区别
- php文件缓存类用法实例分析
- MongoDB的基础知识简介
- Ubuntu安装java的最简单的命令行方式(推荐)
- JavaScript之HTMLCollection接口代码
- PHP读取并输出XML文件数据的简单实现方法
- 关于vue中的ajax请求和axios包问题
- vue-auto-focus: 控制自动聚焦行为的 vue 指令方法
- vue.js打包之后可能会遇到的坑!
- python format 格式化输出方法