编程 Javascript

jquery 简单导航实现代码

Posted in Javascript onSeptember 11, 2009

<script type="text/javascript" src="js/jquery.min.js"></script> 
<script type="text/javascript"> 
$(function(){ 
$("li").hover(function(){ 
$(this).addClass("ho"); 
}, 
function(){ 
$(this).removeClass("ho"); 
}); 
$("li").click(function(){ 
$(this).removeClass("ho").addClass("xiaoshi").siblings().removeClass("xiaoshi"); 
}); 
}) 
</script> 
<style type="text/css"> 
li{background-color:#099; float:left; width:50px; height:25px; margin-left:1px; list-style:none;} 
.xiaoshi{background-color:#FF0;} 
.ho{background-color:#F00;} 
</style> 
</head> 
<body> 
<div> 
<ul> 
<li>我第1</li> 
<li>我第2</li> 
<li>我第3</li> 
<li>我第4</li> 
<li>我第5</li> 
<li>我第6</li> 
</ul> 
</div> 
</body>

jquery 简单导航实现代码

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

dotopAlert 提示用户需安装播放器的代码

Sep 17 Javascript

Js中setTimeout()和setInterval() 何时被调用执行的用法

Apr 12 Javascript

原生js结合html5制作小飞龙的简易跳球

Mar 30 Javascript

JS阻止事件冒泡行为和闭包的方法

Jun 16 Javascript

JavaScript+Html5实现按钮复制文字到剪切板功能(手机网页兼容)

Mar 30 Javascript

纯JS实现只能输入数字的简单代码

Jun 21 Javascript

jQuery DOM节点的遍历方法小结

Aug 15 jQuery

解决vue热替换失效的根本原因

Sep 19 Javascript

vue项目首屏加载时间优化实战

Apr 23 Javascript

JQuery常用选择器功能与用法实例分析

Dec 23 jQuery

JS原生实现轮播图的几种方法

Mar 23 Javascript

quickjs 封装 JavaScript 沙箱详情

Nov 02 Javascript

禁止JQuery中的load方法装载IE缓存中文件的方法

Sep 11 #Javascript

一个用javascript写的select支持上下键、首字母筛选以及回车取值的功能

Sep 09 #Javascript

用Javascript 和 CSS 实现脚注（Footnote）效果

Sep 09 #Javascript

Javascript 获取滚动条位置等信息的函数

Sep 08 #Javascript

实现png图片和png背景透明（支持多浏览器）的方法

Sep 08 #Javascript

用Javascript实现锚点(Anchor)间平滑跳转

Sep 08 #Javascript

用 Javascript 验证表单(form)中的单选(radio)值

Sep 08 #Javascript

You might like

德生PL660的电路分析和打磨

2021/03/02 无线电

PHP中把stdClass Object转array的几个方法

2014/05/08 PHP

php+ajax无刷新分页实例详解

2015/12/07 PHP

PHP在线打包下载功能示例

2016/10/15 PHP

php发送http请求的常用方法分析

2016/11/08 PHP

JQuery下的Live方法和$.browser方法使用代码

2010/06/02 Javascript

javascript椭圆旋转相册实现代码

2012/01/16 Javascript

JQuery实现鼠标滑过显示导航下拉列表

2013/09/12 Javascript

javascript正则表达式参数/g与/i及/gi的使用指南

2014/08/27 Javascript

浅析javascript中函数声明和函数表达式的区别

2015/02/15 Javascript

快速学习jQuery插件 Cookie插件使用方法

2015/12/01 Javascript

js实现字符串和数组之间相互转换操作

2016/01/12 Javascript

jQuery使用zTree插件实现树形菜单和异步加载

2016/02/25 Javascript

AngularJS整合Springmvc、Spring、Mybatis搭建开发环境

2016/02/25 Javascript

实例剖析AngularJS框架中数据的双向绑定运用

2016/03/04 Javascript

简单实现js悬浮导航效果

2017/02/05 Javascript

基于JSONP原理解析(推荐)

2017/12/04 Javascript

Vue自定义组件的四种方式示例详解

2020/02/28 Javascript

Vue开发中常见的套路和技巧总结

2020/11/24 Vue.js

[01:45]DOTA2新英雄“神谕者”全方位展示

2014/11/21 DOTA

[01:00:14]2018DOTA2亚洲邀请赛 4.6 淘汰赛 VP vs TNC 第三场

2018/04/10 DOTA

Python多线程编程（六）：可重入锁RLock

2015/04/05 Python

python使用magic模块进行文件类型识别方法

2018/12/08 Python

Python pycharm 同时加载多个项目的方法

2019/01/17 Python

Python求两点之间的直线距离(2种实现方法)

2019/07/07 Python

简单了解python装饰器原理及使用方法

2019/12/18 Python

在python里创建一个任务(Task)实例

2020/04/25 Python

使用phonegap创建联系人的实现方法

2017/03/30 HTML / CSS

DBA数据库管理员JAVA程序员架构师必看

2016/02/07 面试题

请解释在new与override的区别

2012/10/29 面试题

美术国培研修感言

2014/02/12 职场文书

企业厂务公开实施方案

2014/03/26 职场文书

学校消防安全责任书

2014/07/23 职场文书

三严三实学习心得体会

2014/10/13 职场文书

三八节活动主持词

2015/07/04 职场文书

Python max函数中key的用法及原理解析

2021/06/26 Python