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

jQuery点击弹窗设置网页背景颜色填充代码-精品资源网
jQuery点击弹窗设置网页背景颜色填充代码
此内容为免费资源,请登录后查看
0
免费资源

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>

© 版权声明
THE END
点赞0 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片

    暂无评论内容