一个简单的颜色选择插件

版权声明:本文为博主原创文章,遵循 CC 4.0 by-sa 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/newIdea_xx/article/details/87692832

简单的颜色选择器jscolor

只需在页面上引入jq插件和jscolor插件

<script type="text/javascript" src="js/jquery-3.3.1.min.js"></script>
<script type="text/javascript" src="js/jscolor.js"></script>

body里放一个input

<input id="foo" class="jscolor {onFineChange:'update(this)'}" value="fff" >

script标签里放入update同名方法

function update(jscolor) {
    $('body').css('background-color',('#' + jscolor));
    console.log(jscolor)
}

在该同名方法里可选择元素,并对其样式进行修改

展开阅读全文

没有更多推荐了,返回首页