这是一个动态改变选中的li的样式(增加/删除),
来源:互联网 发布:淘宝人生txt 编辑:程序博客网 时间:2024/06/06 07:37
这是一个动态改变选中的li的样式(增加/删除),其他同样适用
乌拉拉拷贝的别人的代码~菜鸟真的感觉太神奇了哈哈
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><script src="script/jquery-1.11.1.min.js" type="text/javascript"></script><!--以上script是导入的jquery文件--><title>无标题文档</title><!-- 此处样式可以看成是外部一个.css里面的内容,用法一样--><style type="text/css">.mainnav{ background:#292929; height:43px; margin-top:1px; margin-bottom:10px;}.mainnav ul{}.mainnav ul li{ float:left; display:inline; right no-repeat; padding-right:2px;}.mainnav ul li a{ display:inline-block; height:43px; line-height:43px; padding:0 23px; font-size:14px; color:#fff; font-weight:bold;}.mainnav ul li a:hover{ text-decoration:none; color:#e87717;}.mainnav ul li.on a{ color:#e87717;}</style></head><body><div class="mainnav"><ul><li class="on"><a href="#">首页</a></li><li><a href="#">主页</a></li><li><a href="#">足球</a></li><li><a href="#">篮球</a></li><li><a href="#">台球</a></li></ul></div><script type="text/javascript">jQuery(function($){ $('li').bind('click',function(){ $(this).addClass('on'); $('li').not($(this)).removeClass('on');<!--on是你的样式名--> });});</script></body></html>
阅读全文
0 0
- 这是一个动态改变选中的li的样式(增加/删除),
- 改变多个ul下第一个li的样式
- JavaScript获取li的数量 修改其样式 删除其中一个li
- 菜单动态选中的样式
- mapxtreme2005 改变选中的图元样式
- 改变选中的Button背景样式
- mapxtreme2005 改变选中的图元样式
- CSS 改变 li 样式的三种方法
- 一个点击 图片选中,改变图片样式, 传数据到后台的一个例子
- 单击li标签并改变其背景样式及获得li标签的id
- 动态的在页面上增加或删除一个文本框
- 动态的在页面上增加或删除一个文本框
- [android] ListView 选中状态的动态改变
- 点击li标签增加样式,并删除其它li标签样式
- js遍历li并动态更换下级节点的样式
- li怎么清除li的样式
- <li></li>标签的属性/样式
- Repeat是如何增加样式的?(添加分割线)
- Leetcode 110. Balanced Binary Tree
- Linux系统基本操作与命令
- (1)搭建QT环境来开发ROS包
- E
- Asp.net从开始到结局
- 这是一个动态改变选中的li的样式(增加/删除),
- react webpack配置
- 421. Maximum XOR of Two Numbers in an Array
- 数据库事务概念及特性
- 40. Combination Sum II
- 自定义具有拉伸阻尼效果的ScrollerView
- Tic-Tac-Toe(三子连)(总结规律)
- 背包输出路径
- 【游戏服务器开发-准备篇】对象Json序列化工具类