注册 登录 充值会员 退出
联系客服 毕业设计 java源码 PHP源码
充值

jQuery点击弹窗设置网页背景颜色填充代码

作者/代码整理:  (源码已亲测,不会安装的可以向QQ1915635791要安装视频教程) 发布日期:2024-04-14
jQuery点击弹窗设置网页背景颜色填充代码
jQuery点击弹窗设置网页背景颜色填充代码,鼠标点击右上角设置图标按钮弹出窗口输入16进制颜色值,应用后网页背景色即变成输入的颜色。


js代码

<script src="js/jquery.js"></script>
<script type="text/javascript">
	$(function () {
		//显示和隐藏输入框
		$(".btn").click(function () {
			$(".box").toggleClass("box-show");
		});
		//输入颜色能够显示出颜色
		$("#hex").keyup(function () {
			$(".prev").css("background",$("#hex").val());
		});
		//改变body的背景色
		$(".apply").click(function () {
			$("body").css("background",$("#hex").val());
		});
	});
</script>

关注公众号,免费赠送安装视频教程、环境和学习视频,后面会不断更新。