Color picker
farbtastic.js
,仲要farbtastic(css and image)個個folder
zip
<!DOCTYPE html> <html lang="en"> <meta http-equiv="content-type" content="text/html;charset=utf-8"> <head> <meta charset="utf-8"> <link rel="stylesheet" type="text/css" href="farbtastic/farbtastic.css" /> <script type="text/javascript" src="jquery-1.7.2.min.js"></script> <script type="text/javascript" src="farbtastic.js"></script> <script type="text/javascript"> jQuery(document).ready(function(){ jQuery('#picker').farbtastic('#color'); }); </script> </head> <body><!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-4KX380T5BD"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-4KX380T5BD'); </script> <h1>Color picker</h1> <div class="form-item"> <label for="color"></label><input type="text" class="required layout-field" id="color" name="color" maxlength="7" value="#000000" style="width:60px"/> </div> <div id="picker"></div> </body> <!-- Hosted by www.Geocities.ws --> </html>