1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
| <script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="js/iColor-min.js"></script>
<script type="text/javascript">
$(function() {
$('input').iColor({'x': 10, 'y': -50});
$('#lineColor').iColor(function(hx) {
console.log('自定义回调：去掉内容');
this.val('').css('background', '#' + hx);
});
$('#color').iColor(function(hx) {
console.log('自定义回调：我不修改背景色');
this.val('#' + hx)
});
$('#mycolor2').iColor();
$('[name="mousecolor"]').iColor({
'type': 'mouseover',
'open': function(e) {
var color = this.data('color');
console.log('事件类型' + e.type);
console.log(color ? '之前设置的颜色为：' + color : '之前没有设置颜色');
},
'set': function(hx) {
this.data('color', '#'+hx);
this.val('').css('background', '#' + hx);
console.log('现在设置的颜色为：' + '#'+hx);
}
});
});
</script>
|
