<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<title> 页面名称 </title>
<style type="text/css">
#div {
height: 200px; width: 200px; border: 1px solid red;
}
#div.blue {
border-color: blue;
}
</style>
</head>
<body>
<script type="text/javascript" src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript">
$(function() {
$("#div").click(function() {
$(this).toggleClass("blue");
});
});
</script>
<div id="div"></div>
</script>
</body>
</html>
怎么让div点击一下变色,再点击一下变回原来的颜色?
1. 定义一个变量，点一下+1，再点一下-1，判断是0就红色，是1就黄色 2. 鼠标移动行吧
html中点击按钮怎样改变div背景颜色
1、在ue编辑器中新建一个空白的html文件，css文件，js文件。2、在ue编辑器中输入以下html代码。3、在ue编辑器中输入以下css代码。4、在ue编辑器中输入以下js代码。5、编辑完成以后，在ue编辑器中点击保存，格式选择UTF8无BOM。6、在浏览器中打开此html文件，可以看到最终想要实现的点击按钮改变div背景...
JavaScript中如何写,当点击某标签时背景颜色变红,离开时背景颜色...
function(){$('#div1').css('backgroundColor','red');})$('#div1').on('mouseout',function(){$('#div1')
...五个div,点击一个div显示背景颜色,点击下一个div,显示背景颜色?_百度...
.cell { display: flex; } .col { padding: 1em; transition: all ease-in-out .2s; flex: 1; text-align: center; background-color: #eee; margin: .2em; } .bg { background-color: #f90; color: #fff; } <\/style> <div class="cell"> <div class="col">c1<\/div> <div...
如何实现选中某个div改变他的背景色
用JS来写啊 (function(){ ("div").click(function(){ (this).css('background','#ffffff')})})点击时改变其背景色 DIV写你定义DIV的class或者id都行 得加.或者
有十个div,怎样实现选中其中一个,改变其背景色,另外九个不变,当选中...
也就是<div class="a1"><\/div>*10 那div的地方要替换成.a1 (document).ready(function(){ (".a1").click(function(){ (".a1").css({"background":none});\/\/设置所有div无背景色 (this).css({"background":"#ff0000"});\/\/设置当前点击div背景色为红色，色号#ff0000 });});...
点击一个div3秒后变色
cssdiv中点击过的链接变色代码是class。做法：首先需要打开新建一个html，如图所示，然后在页面上输入class的代码编写好，回车；然后好了之后，如图所示，再进行编写全部代码，这样操作，好了回车；最后，好了之后，试着在浏览器了打开这个链接，点击一下就可以看到变颜色了，这样就可以解决问题了。
怎么更改div的背景颜色?
1、打开所要修改的网页，按下F12，弹出一个弹出框，点击弹出框的小箭头。2、点击所需要更改的位置 3、弹出框里面找到，对应div 4、找到对应的css，对应代码及行数 5、对要修改的元素进行直接修改，浏览，找到需要改成的样式，如下图需修改颜色，就直接在拾色器里点选颜色进行修改即可 6、浏览器确定...
...切换文字,变换背景颜色,再次点击或者点击其他div,文字和背景色变回来...
css:\/*原来的背景色*\/.bg{background:'red'}\/*要切换的背景色*\/.bg_click{background:'green'}js:$('div').on('click',function(){ var $div = $(this); var $others = $div.siblings(); if($div.hasClass('bg')){ $div.removeClass('bg').addClass('bg_click'...
div点击变换样式
1. 这段代码展示了一个简单的HTML页面，其中包括了一个`div`元素，该元素包含了两个可点击的子`div`，分别用于展示“群组”和“用户”。2. 当点击其中一个子`div`时，其背景颜色和文字颜色会发生变化，同时宽度也会调整，以区分点击状态。3. 样式部分使用了CSS来定义`div`的样式，包括高度、显示...
