標籤:4.4 org 位置 value javascrip html nbsp blog click
今天第一次自己做調色盤調用,看了半天官方的例子愣是沒看懂,唉,碼農老矣,尚能碼否?
經過對官方下載的樣本一刪一瀏覽終於弄出來了,這麼簡單的東西,官方的Demo逼格也太高了
上代碼:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> <title>cxColor Demo</title> <link rel="stylesheet" href="css/jquery.cxcolor.css" /> <script type="text/javascript" src="js/jquery-1.4.4.min.js"></script> <script type="text/javascript" src="js/jquery.cxcolor.min.js"></script> <script type="text/javascript"> $(function () { var colorPanel = $("#colorPanel").cxColor(); $("#btnShowColorPanel").bind("click", function () { colorPanel.show(); }); $("#colorPanel").bind("change", function () { alert("您選擇的顏色是:" + this.value); }); }); </script></head><body style="padding-top:200px;"> <div id="colorPanel" title="將此標籤放在想要彈出調色盤的位置"></div> <input type="button" id="btnShowColorPanel" value="Show Color Panel" title="點擊按鈕彈出調色盤" /></body></html>
Jquery cxColor 樣本示範