点击一个div改变颜色

最新推荐文章于 2023-07-07 16:03:23 发布

是小王啊

最新推荐文章于 2023-07-07 16:03:23 发布

阅读量5.4k

点赞数 1

分类专栏： JavaScript

本文链接：https://blog.csdn.net/wangsong97/article/details/102770128

版权

JavaScript 专栏收录该内容

14 篇文章 0 订阅

订阅专栏

主体就是设置一个div,然后给他设置一个颜色
再在css里设改变的颜色
代码如下

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<script src="jquery.js"></script>
		<style>
		//div的形状
			.change{
				position: relative;
				margin: 0;
				padding: 0;
				background-color: #00FFFF;
				width: 500px;
				height: 500px;
				position: relative;
				left: 50%;
				top: 50%;
				margin: -250px 0 0 -250px;
				background: #3598db;
				border-radius: 50%;
			}
			//改变后的颜色
			.red{
				background-color: red;
			}
		</style>
		<title></title>
	</head>
	<body>
		<div class ="change"></div>
		<script type="text/javascript">
		$(function(){
			$("div").on("click",function(){
				$("div").toggleClass("red");
			});
		});
		</script>
	</body>
</html>

在这里插入图片描述

是小王啊

关注

1
点赞
踩
4

收藏

觉得还不错? 一键收藏
2
评论
点击一个div改变颜色

主体就是设置一个div,然后给他设置一个颜色再在css里设改变的颜色代码如下<!DOCTYPE html><html> <head> <meta charset="utf-8"> <script src="jquery.js"></script> <style> //div的形状 ....
复制链接

扫一扫