点击哪个,哪个下面的颜色变化
来源:互联网 发布:流媒体直播软件 编辑:程序博客网 时间:2024/04/27 17:39
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
*{ font-size:16px; color:#333;}
ul,li{ list-style:none; margin:0; padding:0; border:0;}
a{ text-decoration:none; }
.wb{ width:1000px; margin:0 auto; }
.wb li{ float:left; width:10%; margin:0 2%; height:60px; line-height:60px; font-weight:bold; text-align:center;}
.clearfix{ clear:both;}
.wb li:hover{ border-bottom:2px solid #0070ba;}
.wb .current{ border-bottom:2px solid #0070ba;}
</style>
<script src="jquery.js"></script>
</head>
<body>
<div class="wb">
<ul>
<li>首页</li>
<li>钢轨</li>
<li>钢板</li>
<li>中厚板</li>
<li>关于我们</li>
<li>新闻</li>
<li>联系我们</li>
</ul>
</div>
<script>
$(function(){
$(".wb li:eq(0)").addClass(".wb current")
$(".wb li").click(function(){
$(this).addClass(".wb current")
.siblings().removeClass(".wb current")
})
})
</script>
</body>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
*{ font-size:16px; color:#333;}
ul,li{ list-style:none; margin:0; padding:0; border:0;}
a{ text-decoration:none; }
.wb{ width:1000px; margin:0 auto; }
.wb li{ float:left; width:10%; margin:0 2%; height:60px; line-height:60px; font-weight:bold; text-align:center;}
.clearfix{ clear:both;}
.wb li:hover{ border-bottom:2px solid #0070ba;}
.wb .current{ border-bottom:2px solid #0070ba;}
</style>
<script src="jquery.js"></script>
</head>
<body>
<div class="wb">
<ul>
<li>首页</li>
<li>钢轨</li>
<li>钢板</li>
<li>中厚板</li>
<li>关于我们</li>
<li>新闻</li>
<li>联系我们</li>
</ul>
</div>
<script>
$(function(){
$(".wb li:eq(0)").addClass(".wb current")
$(".wb li").click(function(){
$(this).addClass(".wb current")
.siblings().removeClass(".wb current")
})
})
</script>
</body>
</html>
显示效果为右图:
阅读全文
0 0
- 点击哪个,哪个下面的颜色变化
- 占位置的选项卡 + 点击哪个哪个显示颜色
- 点击哪个哪个就高亮显示
- 点击哪个元素显示哪个的序号,三种解法~
- 点击哪个按钮对应图片显示,按钮对应颜色显示
- 哪个是你爱情的颜色?
- UITapGestureRecognizer 的使用,判断点击哪个控件
- 获取当前点击的是哪个元素
- 下面的函数哪个是系统调用而不是库函数()?
- 点击哪个哪个超链接的背景就变味红色,并且超链接不跳转
- 判断点击了哪个按钮
- 判断鼠标点击事件点下的是哪个键
- 根据手势获取点击的是哪个控件
- wxpython怎么识别用户的点击来自哪个按钮
- Android中用switch区分点击是哪个按钮的写法
- 点击launcher图标后,进入哪个activity的疑惑
- 传参小例子--点击哪个按钮显示相对应的盒子
- 查询某表在哪个用户下面
- Linux在文件夹下查找指定字符串
- 数据归档
- kvm-Openstack
- 原始caffe添加CenterLoss_layer
- 网络安全工程师,念念不忘,必有回响
- 点击哪个,哪个下面的颜色变化
- 多重json格式字符串的处理
- 整数二进制形式中1的个数
- oracle 索引的整理
- 陈纪修老师《数学分析》 第11章:欧式空间上的极限和连续 笔记
- [模板]
- tnvm安装教程
- 新增时表格里面中文显示的是问号,后台是中文
- Python 递归函数