JQuery soColorPacker web page color picker and jquery color picker

JQuery soColorPacker web page color picker and jquery color picker

Not using the uncommon jquery feature, compatible with all jquery1.2.6 and later versions

Instance Preview

Import File

1. <Link type = "text/css" rel = "stylesheet" media = "all" href = "soColorPacker/css/style.css"/>
2. <Script type = "text/javascript" src = "jquery1.8.0.min. js"> </script>
3. <Script type = "text/javascript" src = "jquery. soColorPacker-1.0.min.js"> </script>
4. <Script type = "text/javascript" src = "jquery. bgiframe-2.1.1.js"> </script>

Copy usage

1. <Input type = "text" class = "txt" id = "txt_pack_1" name = "txt"/>

Copy

1. $ ('# Txt_pack_1'). soColorPacker ();

Copy soColorPacke Parameters

1. $ (Obj). soColorPacker ({
2. ChangeTarget: null, // specifies the target object to be filled in or changed after the color is selected. The default value "null" indicates the currently referenced method object.
3. TextChange: true, // whether to set the color value to the target object
4. ColorChange: 1, // value: 0, 2, 0: do not change, 1: Change the text color, 2: change the background color
5. SelfBgChange: false, // change the background color.
6. Size: 2, // value: 1, 2, 3, change the color picker performance, 1: small, 2: medium, 3: Large
7. X: 0, // the x axis offset of the color picker.
8. Y: 20, // coordinate y axis offset of the color picker
9. StyleClass: null, // custom name of the added class, cannot be the default "colorPackerBox"
10. Callback: function () {}// click the color unit to return the event
11. });

Copy Download