
特效分类 | 文字特效 | 文件大小 | 未知大小 | 需要授权 | 无需授权 | 是否开源 | 开源 |
详细说明
主要代码
<div class="btn"> <i class="fas fa-cog">输入色值</i> </div> <div class="box"> <h2>输入颜色值</h2> <div class="box-c"> <div class="txtb"> <input type="text" placeholder="#000000" id="hex"> <div class="prev"></div> <button class="apply">应用</button> </div> </div> </div> <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>
版权声明:本站资源除特殊标注外均收集自网络或由用户发布,如有侵权请联系删除。
还木有评论哦,快来抢沙发吧~