编程 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 相关文章推荐

用JavaScript修改CSS属性的代码

May 06 Javascript

jQuery实现的多选框多级联动插件

May 02 Javascript

JavaScript 数组中最大最小值

Jun 05 Javascript

原生js图片轮播效果实现代码

Oct 19 Javascript

利用n 升级工具升级Node.js版本及在mac环境下的坑

Feb 15 Javascript

Node.JS中事件轮询(Event Loop)的解析

Feb 25 Javascript

JavaScript事件方法(实例讲解)

Jun 27 Javascript

微信小程序之页面拦截器的示例代码

Sep 07 Javascript

ui-router中使用ocLazyLoad和resolve的具体方法

Oct 18 Javascript

使用D3.js创建物流地图的示例代码

Jan 27 Javascript

自定义javascript验证框架示例【附源码下载】

May 31 Javascript

JS async 函数的含义和用法实例总结

Apr 08 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

PHP函数学习之PHP函数点评

2012/07/05 PHP

在php和MySql中计算时间差的方法详解

2015/03/27 PHP

php自定义函数实现JS的escape的方法示例

2016/07/07 PHP

PHP实现图片批量打包下载功能

2017/03/01 PHP

slice函数的用法之不错的应用

2006/12/29 Javascript

javascript内存管理详细解析

2013/11/11 Javascript

jquery和ajax的关系详细介绍

2013/11/29 Javascript

jquery插件orbit.js实现图片折叠轮换特效

2015/04/14 Javascript

快速学习jQuery插件 Form表单插件使用方法

2015/12/01 Javascript

javascript 判断是否是微信浏览器的方法

2016/10/09 Javascript

jquery点击展示与隐藏更多内容

2016/12/03 Javascript

详解Vue学习笔记进阶篇之列表过渡及其他

2017/07/17 Javascript

react-router4 嵌套路由的使用方法

2017/07/24 Javascript

在iframe中使bootstrap的模态框在父页面弹出问题

2017/08/07 Javascript

Bootstrap栅格系统的使用详解

2017/10/30 Javascript

vue watch自动检测数据变化实时渲染的方法

2018/01/16 Javascript

AjaxUpLoad.js实现文件上传

2018/03/05 Javascript

JS实现的哈夫曼编码示例【原始版与修改版】

2018/04/22 Javascript

微信小程序使用wxParse解析html的实现示例

2018/08/30 Javascript

javascript 设计模式之享元模式原理与应用详解

2020/04/08 Javascript

[51:53]完美世界DOTA2联赛循环赛 LBZS vs DM BO2第二场 11.01

2020/11/02 DOTA

python 寻找list中最大元素对应的索引方法

2018/06/28 Python

Python中的Django基本命令实例详解

2018/07/15 Python

python学习之hook钩子的原理和使用

2018/10/25 Python

对Python3 goto 语句的使用方法详解

2019/02/16 Python

对Django中的权限和分组管理实例讲解

2019/08/16 Python

在tensorflow中设置保存checkpoint的最大数量实例

2020/01/21 Python

python中shell执行知识点

2020/05/06 Python

如何在Win10系统使用Python3连接Hive

2020/10/15 Python

中国领先的汽车保养服务平台：途虎养车

2019/10/18 全球购物

校园创业策划书

2014/01/14 职场文书

同学会主持词

2014/03/18 职场文书

2015年元宵节活动总结

2015/02/06 职场文书

2016重阳节红领巾广播稿

2015/12/18 职场文书

因个人工作失误检讨书

2019/06/21 职场文书

一篇文章看懂MySQL主从复制与读写分离

2021/11/07 MySQL