HTML CSS 点击表格某一项使其变色
小白正在学HTML现在想做一个课程表，希望每个单元格点击变色，点击其他单元格后原变色的单元格恢复。。求指点！...
小白正在学HTML 现在想做一个课程表，希望每个单元格点击变色，点击其他单元格后原变色的单元格恢复。。求指点！
展开
1个回答
展开全部
没空写代码 给你个思路 首先 点击 使用onclick事件 变色的话 使用this变你要的颜色this的所有兄弟元素恢复你原来的颜色 需要用到javascript
更多追问追答
追问
使用CSS不能实现吗？javascript一点不知。。
追答
帮你写好了 这是第二种方法 需要引入jquery 你试试效果 css 我随便写的 你自己改改 我测试过了 效果没问题
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<style>
ul{
list-style: none;
}
li{
width:100px;
height:30px;
border:1px solid #000;
text-align: center;
background: green;
}
.active{
background: red;
}
</style>
<body>
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
</ul>
<script src="jquery-1.8.3.min.js"></script>
<script>
$(function(){
$('li').on('click',function(){
$(this).addClass('active');
$(this).siblings().removeClass('active');
})
})
</script>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
|
广告 您可能关注的内容 |
