欢迎您  本站地址:   jQuery点击弹窗设置网页背景颜色填充代码-小库平台

小库平台

 找回密码
 立即注册
jQuery点击弹窗设置网页背景颜色填充代码-小库平台

小库平台

 找回密码
 立即注册
上一主题 下一主题

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

跳转到指定楼层
楼主
|只看大图 回帖奖励 |倒序浏览 |阅读模式

jQuery点击弹窗设置网页背景颜色填充代码,鼠标点击右上角设置图标按钮弹出窗口输入16进制颜色值,应用后网页背景色即变成输入的颜色。

js代码
<scriptsrc="js/jquery.js"></script>
<scripttype="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>



下载
回复

使用道具 举报

小黑屋|小库平台

GMT+8, 2024-9-20 08:09 , Processed in 5.956628 second(s), 18 queries , Xcache On.

Powered by Discuz! 3.4

小库提示

扫描下方二维码,访问手机版。