Jquery cxColor 樣本示範

來源:互聯網
上載者:User

標籤: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 樣本示範

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.