编程 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中对未来的元素绑定事件用bind、live or on

Apr 17 Javascript

取得元素的左和上偏移量的方法

Sep 17 Javascript

针对BootStrap中tabs控件的美化和完善(推荐)

Jul 06 Javascript

jQuery与JS加载事件用法分析

Sep 04 Javascript

JavaScript 继承详解（六）

Oct 11 Javascript

JS实现利用两个队列表示一个栈的方法

Dec 13 Javascript

jQuery实现鼠标响应式透明度渐变动画效果示例

Feb 13 jQuery

elementui的默认样式修改方法

Feb 23 Javascript

Vue头像处理方案小结

Jul 26 Javascript

vuex + keep-alive实现tab标签页面缓存功能

Oct 17 Javascript

微信小程序跨页面传递data数据方法解析

Dec 13 Javascript

基于vue.js仿淘宝收货地址并设置默认地址的案例分析

Aug 20 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遍历类中包含的所有元素的方法

2015/05/12 PHP

Opacity.js

2007/01/22 Javascript

Ext 今日学习总结

2010/09/19 Javascript

在VS2008中使用jQuery智能感应的方法

2010/12/30 Javascript

仅IE不支持setTimeout/setInterval函数的第三个以上参数

2011/05/25 Javascript

瀑布流布局并自动加载实现代码

2013/03/12 Javascript

jQuery实现等比例缩放大图片让大图片自适应页面布局

2013/10/16 Javascript

node.js中的fs.exists方法使用说明

2014/12/17 Javascript

JavaScript暂停和继续定时器的实现方法

2016/07/18 Javascript

ion content 滚动到底部会遮住一部分视图的快速解决方法

2016/09/06 Javascript

在微信小程序中保存网络图片

2019/02/12 Javascript

详解javascript中的Error对象

2019/04/25 Javascript

在微信小程序中使用图表的方法示例

2019/04/25 Javascript

layer实现弹出层自动调节位置

2019/09/05 Javascript

[42:35]2018DOTA2亚洲邀请赛3月30日小组赛A组 VG VS OpTic

2018/03/31 DOTA

pygame学习笔记（5）：游戏精灵

2015/04/15 Python

python清除字符串里非字母字符的方法

2015/07/02 Python

Python MySQLdb 使用utf-8 编码插入中文数据问题

2018/03/13 Python

python基础教程项目三之万能的XML

2018/04/02 Python

PyQt5 QSerialPort子线程操作的实现

2018/04/21 Python

python 获取等间隔的数组实例

2019/07/04 Python

python的命名规则知识点总结

2019/10/04 Python

python读取xml文件方法解析

2020/08/04 Python

Python logging日志库空间不足问题解决

2020/09/14 Python

怎样建立和理解非常复杂的声明？例如定义一个包含N 个指向返回指向字符的指针的函数的指针的数组？

2013/03/19 面试题

IMPORT的选项IGNORE有什么作用？缺省是什么设置？

2015/09/17 面试题

女大学生自我鉴定

2013/12/09 职场文书

珠宝店促销方案

2014/03/21 职场文书

预防传染病方案

2014/06/14 职场文书

服装仓管员岗位职责

2014/06/17 职场文书

查摆问题整改措施

2014/10/24 职场文书

2015年校务公开工作总结

2015/05/26 职场文书

老人院义工活动感想

2015/08/07 职场文书

2016年重阳节慰问信

2015/12/01 职场文书

小学四年级作文之写景

2019/08/23 职场文书

使用kubeadm命令行工具创建kubernetes集群

2022/03/31 Servers