JavaScript中如何写,当点击某标签时背景颜色变红,离开时背景颜色取消
2个回答
展开全部
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>jingfeng18编写</title>
<style>
div{
border:1px solid #ccc;
}
</style>
</head>
<body>
<div id='div1'>
这是目标框
</div>
<script src="https://code.jquery.com/jquery-3.0.0.min.js"></script>
<script type="text/javascript">
$(function(){
$('#div1').on('mouseover',function(){
$('#div1').css('backgroundColor','red');
})
$('#div1').on('mouseout',function(){
$('#div1').css('backgroundColor','black');
})
})
</script>
</body>
</html>
把颜色修改下就可以了，
追问
不好意思啊,我表达错了,我想表达的是当点击以后出现背景颜色,当我点击另一个标签时当前标签背景颜色去掉,被点击的标签出现背景颜色
追答
点击就把事件换下就可以呀。把mouseover 换成click，
$('这里换成第二个要点击标签').on('mouseout',function(){
$('#div1').css('backgroundColor','black');
})真不知道，问题都描述不清楚。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
假设是p标签
$("p").mousedown(function(){
$("p").css("background-color","red");
});
$("p").mouseout(function(){
$("p").css("background","none");
});
$("p").mousedown(function(){
$("p").css("background-color","red");
});
$("p").mouseout(function(){
$("p").css("background","none");
});
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
