编程 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.extend 函数详解

Feb 03 Javascript

JavaScript中的DSL元编程介绍

Mar 15 Javascript

分享十五款 jQuery 社交网络分享插件

May 16 Javascript

深入浅析JSON.parse()、JSON.stringify()和eval()的作用详解

Apr 03 Javascript

15位和18位身份证JS校验的简单实例

Jul 18 Javascript

通过扫描二维码打开app的实现代码

Nov 10 Javascript

微信小程序密码输入（源码下载）

Jun 27 Javascript

JavaScript门面模式详解

Oct 19 Javascript

微信小程序dom操作的替代思路实例分析

Dec 06 Javascript

js防抖和节流的深入讲解

Dec 06 Javascript

如何在Node和浏览器控制台中打印彩色文字

Jan 09 Javascript

JS实现随机点名器

Apr 12 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之Smarty模板使用方法示例详解

2014/07/08 PHP

javascript 导出数据到Excel(处理table中的元素)

2009/12/18 Javascript

通过正则格式化url查询字符串实现代码

2012/12/28 Javascript

jQuery 事件的命名空间简单了解

2013/11/22 Javascript

JavaScript省市联动实现代码

2014/02/15 Javascript

jquery解析XML字符串和XML文件的方法说明

2014/02/21 Javascript

JQuery中使用ajax传输超大数据的解决方法

2014/07/14 Javascript

js实现按钮加背景图片常用方法

2014/11/01 Javascript

JS实现微信里判断页面是否被分享成功的方法

2017/06/06 Javascript

如何理解Vue的作用域插槽的实现原理

2017/08/19 Javascript

在vue项目中引入highcharts图表的方法(详解)

2018/03/05 Javascript

jQuery UI实现动画效果代码分享

2018/08/19 jQuery

jQuery实现鼠标移到某个对象时弹出显示层功能

2018/08/23 jQuery

vue项目实现表单登录页保存账号和密码到cookie功能

2018/08/31 Javascript

JQuery实现ajax请求的示例和注意事项

2018/12/10 jQuery

从表单校验看JavaScript策略模式的使用详解

2020/10/17 Javascript

[01:00:53]2018DOTA2亚洲邀请赛3月29日小组赛B组 iG VS Secret

2018/03/30 DOTA

django的model操作汇整详解

2019/07/26 Python

Django 响应数据response的返回源码详解

2019/08/06 Python

Python numpy数组转置与轴变换

2019/11/15 Python

Python之——生成动态路由轨迹图的实例

2019/11/22 Python

解决pycharm中导入自己写的.py函数出错问题

2020/02/12 Python

python学习将数据写入文件并保存方法

2020/06/07 Python

keras绘制acc和loss曲线图实例

2020/06/15 Python

Python numpy大矩阵运算内存不足如何解决

2020/11/19 Python

CSS3 选择器属性选择器介绍

2012/01/21 HTML / CSS

html5使用html2canvas实现浏览器截图的示例

2017/08/31 HTML / CSS

体育学院毕业生自荐信

2013/11/03 职场文书

逃课上网检讨书

2014/02/20 职场文书

简单的项目建议书模板

2014/03/12 职场文书

住宅使用说明书

2014/05/09 职场文书

学校三节实施方案

2014/06/09 职场文书

学习心得体会

2019/06/20 职场文书

七年级之开学家长寄语35句

2019/09/05 职场文书

python实现批量提取指定文件夹下同类型文件

2021/04/05 Python

基于Python实现西西成语接龙小助手

2022/08/05 Golang