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.高亮显示的导航
随机推荐
- Go程序性能优化及pprof使用方法详解
- ASP.NET 主题的简单配置教程
- delphi中exit,abort,break,continue的区别介绍
- JS实现左右无缝轮播图代码
- Python Sql数据库增删改查操作简单封装
- Javascript简写条件语句(推荐)
- php绘图之加载外部图片的方法
- Android编程中TextView宽度过大导致Drawable无法居中问题解决方法
- Android中fragment嵌套fragment问题解决方法
- C#字符串自增自减算法详解
- 用PHP和ACCESS写聊天室(一)
- 洗洗睡吧,没什么大不了的(人生励志篇)
- innodb 库的备份注意点(由phpmyadmin引起的解决方案)
- jQuery 翻页组件yunm.pager.js实现div局部刷新的思路
- The application has failed...(应用程序配置不正确)
- inotify-tools+rsync实时同步文件的配置方法
- ASP编程入门进阶(四):内置对象Request
- 回归正途,用Opteron 144打造高性价比服务器
- 利用vue+elementUI实现部分引入组件的方法详解
- .net core下配置访问数据库操作