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>
Javascript 相关文章推荐
Jquery数独游戏解析(一)-页面布局
Nov 05 Javascript
JSON取值前判断
Dec 23 Javascript
javascript实现textarea中tab键的缩排处理方法
Jun 26 Javascript
Vue学习笔记进阶篇之单元素过度
Jul 19 Javascript
JavaScript实现的斑马线表格效果【隔行变色】
Sep 18 Javascript
如何重置vue打印变量的显示方式
Dec 06 Javascript
微信小程序实现图片上传功能实例(前端+PHP后端)
Jan 10 Javascript
Vuex 进阶之模块化组织详解
Jan 12 Javascript
vue.js购物车添加商品组件的方法
Sep 17 Javascript
JavaScript之Blob对象类型的具体使用方法
Nov 29 Javascript
在react中使用vue的状态管理的方法示例
May 02 Javascript
jQuery 动态粒子效果示例代码
Jul 07 jQuery
禁止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 PDOStatement:bindParam插入数据错误问题分析
2013/11/13 PHP
php的一个简单加密解密代码
2014/01/14 PHP
php中AES加密解密的例子小结
2014/02/18 PHP
ThinkPHP3.1新特性之查询条件预处理简介
2014/06/19 PHP
浅谈php错误提示及查错方法
2015/07/14 PHP
php微信公众号开发模式详解
2016/11/28 PHP
phpstudy的php版本自由修改的方法
2017/10/18 PHP
PHP抽象类与接口的区别实例详解
2019/05/09 PHP
一个js写的日历(代码部分网摘)
2009/09/20 Javascript
js中的setInterval和setTimeout使用实例
2014/05/09 Javascript
不到30行JS代码实现Excel表格的方法
2014/11/15 Javascript
使用js获取图片原始尺寸
2014/12/03 Javascript
JQuery实现网页右侧随动广告特效
2016/01/17 Javascript
JS日期对象简单操作(获取当前年份、星期、时间)
2016/10/26 Javascript
详解JavaScript的BUG和错误
2018/05/07 Javascript
微信小程序蓝牙连接小票打印机实例代码详解
2019/06/03 Javascript
JS正则表达式常见函数与用法小结
2020/04/13 Javascript
详解python调度框架APScheduler使用
2017/03/28 Python
详解Python在七牛云平台的应用(一)
2017/12/05 Python
Python实现的爬取网易动态评论操作示例
2018/06/06 Python
Python Selenium安装及环境配置的实现
2020/03/17 Python
python可以用哪些数据库
2020/06/22 Python
解析Tensorflow之MNIST的使用
2020/06/30 Python
深入了解Python 方法之类方法 &amp; 静态方法
2020/08/17 Python
Python confluent kafka客户端配置kerberos认证流程详解
2020/10/12 Python
Django数据模型中on_delete使用详解
2020/11/30 Python
python 制作网站筛选工具(附源码)
2021/01/21 Python
巴西最大的巴士票务门户:Quero Passagem
2020/11/21 全球购物
教育系毕业生中文求职信范文
2013/10/06 职场文书
《红军不怕远征难》教学反思
2014/04/14 职场文书
车辆委托书范本
2014/10/05 职场文书
如何写通讯稿
2015/07/22 职场文书
银行求职信范文
2019/05/13 职场文书
小程序后台PHP版本部署运行 LNMP+WNMP
2021/04/01 Servers
Python 发送SMTP邮件的简单教程
2021/06/24 Python
图片批量处理 - 尺寸、格式、水印等
2022/03/07 杂记