点击选中添加背景,取消切换背景

<style type="text/css">
.box {
width:100px;
height:50px;
}
.red-bg{
background:red;
}
.green-bg{
background:green;
}

</style>
</head>

<body>
<div class="box red-bg">
<input type="checkbox" />

</div>
</body>
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<script type="text/javascript">
$(function(){
$("input").click(function(){
var class_all=$("div").attr("class");
var obj_div=$("div");
if(class_all=="box red-bg"){
obj_div.removeClass("red-bg").addClass("green-bg");

}else{
obj_div.removeClass("green-bg").addClass("red-bg")
};
})

})
</script>

时间: 2024-10-11 06:12:34

点击选中添加背景,取消切换背景的相关文章

点击之后变色,还切换背景

1,新建xml文件存放到drawble目录下 切换颜色 <?xml version="1.0" encoding="utf-8"?><selector xmlns:android="http://schemas.android.com/apk/res/android"> <item android:color="@color/black" android:state_checked="t

图形化编程娱乐于教,点击角色,切换背景

跟很多学生聊过,很多学生不是不努力,只是找不到感觉.有一点不可否认,同样在一个教室上课,同样是一个老师讲授,学习效果迥然不同.关键的问题在于,带入感,我能给出的建议,就是咬咬牙,坚持住,没有学不会的知识.会陆续分享图形化编程的经验,希望能够做成一个专题.如果您觉得有用,就给点个赞吧.涉及的软件包括scratch3.0 (.sb3).Python.Kittenblock. 程序解读:点击角色,切换背景 知识点:运动,控制,循环控制,外观 涉及的软件:scratch3.0 (.sb3).Python

切换背景图像综合练习题

练习题: 根据所学知识,使用CSS3知识,实现背景图片的切换效果(不依赖js,点击小图切换大的背景图) 任务 给每个列表定义不同的背景颜色 提示:使用结构伪类选择器:nth-of-type() 设置缩略图外形效果 提示:使用伪元素::after制作圆形效果 1.给每个缩略图设置不同的图片 提示:使用伪结构选择器:nth-of-type(),并且配合::after 2.给每个缩略图添加透明度蒙板效果 提示:使用伪类选择器::before给缩略图添加蒙板效果 3.鼠标悬浮在缩略图上时,修改缩略图上蒙

【easyUI】取消easyui行点击选中事件,智能通过勾选checkbox才能选中行

背景:项目中使用easyui作为前端架子.datagrid默认是点击行就选中此行然后变色. 需求:点击行不让此行选中:只能通过点击复选框才能选中某一行. 解决思路: 1.写点击行函数function onClickRow(rowIndex,rowData){} 2.查询当前datagrid所有选中行. 3.遍历选中行.对比选中行索引和点击行的索引:如果点击行的索引在所有选中行中,则取消点击行的选中状态:如果不存在,则选中点击行. 代码: <script type="text/javascr

一个简单且丑陋的js切换背景图片基础示例

不多说,直接上代码,非常基础的一个原生js切换元素背景图片范例 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>原生JS范例</title> <script type="text/javascript"> function changeBg()

CCScrollView添加滚动条和滚动背景

cocos2d-X里提供的CCScrollView里并没有提供滚动条和滚动条背景,我对它进行了一些修改,所用的cocos2d-x 版本为3.0 使用方法 CCBarScrollView* scrollView = CCBarScrollView::create(); scrollView->initWithViewSize((Size(280.0f,150.0f))); scrollView->setContentSize(Size(280,150*10.0f)); scrollView-&g

JS编写背景图切换

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>背景图切换</title>    <style type="text/css">    #wrap{        width: 300px;height: 225px;        margin: 100px au

pdf添加背景与删除背景操作步骤

现在pdf文件格式的应用越来越广泛了,小伙伴们在工作中有没有遇到并使用pdf文件呢?如果我们想要给pdf添加背景与删除背景需要怎么操作呢?下面,小编就使用PDF编辑软件给大家带来pdf添加背景与删除背景操作步骤介绍. 操作软件:迅捷PDF编辑器 地址:https://dl.pconline.com.cn/download/399595.html PDF添加背景: 1.打开pdf文件后,首先我们给pdf添加上背景,点击文档按钮,然后选择其中的背景,最后在三个选项中点击添加. 2.在添加背景菜单中,

CSS改变被鼠标选中的文字颜色及背景

页面中的文字被鼠标选中的文字颜色及背景怎么设置? ::selection { background:#e96147;  color:red; } ::-moz-selection { background:#e96147;  color:red; } ::-webkit-selection { background:#e96147;  color:red; } 希望对大家有帮助