jquery实现颜色拾取功能
来源:动视网
责编:小OO
时间:2020-11-27 20:05:10
jquery实现颜色拾取功能
1.效果展示;2.html代码:index.html。<;<。DOCTYPE html>;<;html lang=";en";>;<;head>;<;meta charset=";UTF-8";>;<;title>;Title<;/title>;<;script src=";./jquery-1.12.4.min.js";>;<;/script>;<;/head>;<;body>;<;img class=";source";style=";float: left";src=";"。
导读1.效果展示;2.html代码:index.html。<;<。DOCTYPE html>;<;html lang=";en";>;<;head>;<;meta charset=";UTF-8";>;<;title>;Title<;/title>;<;script src=";./jquery-1.12.4.min.js";>;<;/script>;<;/head>;<;body>;<;img class=";source";style=";float: left";src=";"。
我们知道ps有颜色逝去功能,本文主要介绍jquery仿ps颜色拾取功能的实例,具有很好的参考价值。下面跟着小编一起来看下吧,希望能帮助到大家。
1.效果展示

2.html代码:index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="./jquery-1.12.4.min.js"></script>
</head>
<body>
<img class="source" style="float: left" src="./test2.jpg" alt="">
<p class="color" style="width: 150px;height: 150px;float: left;margin: 50px;background: #eee;"></p>
</body>
</html>
3.插件代码:
3,插件调用
jquery实现颜色拾取功能
1.效果展示;2.html代码:index.html。<;<。DOCTYPE html>;<;html lang=";en";>;<;head>;<;meta charset=";UTF-8";>;<;title>;Title<;/title>;<;script src=";./jquery-1.12.4.min.js";>;<;/script>;<;/head>;<;body>;<;img class=";source";style=";float: left";src=";"。