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

jQuery 使用手册(五)

Sep 23 Javascript

使用jquery mobile做幻灯播放效果实现步骤

Jan 04 Javascript

jquery怎样实现ajax联动框(二)

Mar 08 Javascript

教你用jquery实现iframe自适应高度

Jun 11 Javascript

node.js中的events.emitter.removeListener方法使用说明

Dec 10 Javascript

通过点击jqgrid表格弹出需要的表格数据

Dec 02 Javascript

【JS+CSS3】实现带预览图幻灯片效果的示例代码

Mar 17 Javascript

javascript入门之window对象【新手必看】

Nov 22 Javascript

Angular中支持SCSS的方法

Nov 18 Javascript

JS常见构造模式实例对比分析

Aug 27 Javascript

解决Angular4项目部署到服务器上刷新404的问题

Aug 31 Javascript

React项目动态设置title标题的方法示例

Sep 26 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防注入安全代码

2008/04/09 PHP

swfupload 多文件上传实现代码

2008/08/27 PHP

PHP curl实现抓取302跳转后页面的示例

2014/07/04 PHP

php文件操作小结(删除指定文件/获取文件夹下的文件名/读取文件夹下图片名)

2016/05/09 PHP

深入剖析浏览器退出之后php还会继续执行么

2016/05/17 PHP

自己的js工具 Event封装

2009/08/21 Javascript

javascript call方法使用说明

2010/01/11 Javascript

setTimeout与setInterval在不同浏览器下的差异

2010/01/24 Javascript

javascript禁制后退键(Backspace)实例代码

2013/11/15 Javascript

js跑步算法的实现代码

2013/12/04 Javascript

详解获取jq ul第一个li定位的四种解决方案

2016/11/23 Javascript

利用BootStrap的Carousel.js实现轮播图动画效果

2016/12/21 Javascript

koa-router源码学习小结

2018/09/07 Javascript

JS+php后台实现文件上传功能详解

2019/03/02 Javascript

iview tabs 顶部导航栏和模块切换栏的示例代码

2019/03/04 Javascript

详解JavaScript函数callee、call、apply的区别

2019/03/08 Javascript

laravel实现中文和英语互相切换的例子

2019/09/30 Javascript

vue 路由子组件created和mounted不起作用的解决方法

2019/11/05 Javascript

Python语言描述最大连续子序列和

2017/12/05 Python

Python编程pygal绘图实例之XY线

2017/12/09 Python

python书籍信息爬虫实例

2018/03/19 Python

高效使用Python字典的清单

2018/04/04 Python

python try except 捕获所有异常的实例

2018/10/18 Python

Python 中导入csv数据的三种方法

2018/11/01 Python

python 将大文件切分为多个小文件的实例

2019/01/14 Python

pandas中的series数据类型详解

2019/07/06 Python

TensorFlow tf.nn.softmax_cross_entropy_with_logits的用法

2020/04/19 Python

matplotlib阶梯图的实现(step())

2021/03/02 Python

使用phonegap进行本地存储的实现方法

2017/03/31 HTML / CSS

美国百货齐全的精品网站，提供美式风格的产品：Overstock.com

2016/07/22 全球购物

李维斯牛仔裤英国官方网站：Levi’s英国

2019/10/10 全球购物

外贸学院会计专业应届生求职信

2013/11/14 职场文书

《再别康桥》教学反思

2014/02/12 职场文书

詹天佑教学反思

2014/04/30 职场文书

HTML+CSS 实现顶部导航栏菜单制作

2021/06/03 HTML / CSS

一级电子管军用接收机测评

2022/04/05 无线电