📄 colorpicker.js
字号:
'vertical-align':'middle'
},
EXAM:{
'float':'left',
'margin-top':'2px',
padding:'3px',
border:'solid 1px #648CB4',
'background-color':'#E5EBFB'
},
EXAMI:{
height:'70px',
width:'70px',
'white-space':'normal',
'text-align':'center',
border:'solid 1px #648CB4'
},
'DD1, DD2, DD3':{
display:'block',
height:'16px',
border:'1px solid #779EBF',
'padding-right':'2px',
cursor:'e-resize',
'text-align':'right',
background:'#F8FBFF'
},
DD1:{
width:'16px'
},
DD2:{
width:'24px'
},
DD3:{
$order:2,
width:'16px',
'border-right':'none'
},
TOP:{
height:'90px',
position:'relative'
},
LIST :{
height:'106px',
position:'relative',
overflow:'hidden',
margin:'0 2px',
'line-height':linb.browser.ie6?'0':null,
'clear':'both'
},
TAILI:{
position:'relative',
'padding-top':'4px',
height:'22px',
'text-align':'center'
},
SIMPLE:{
'float':'left',
width:'192px',
position:'relative'
},
ADV:{
'float':'right',
width:'195px',
height:'195px',
position:'relative'
},
'ADV div':{
cursor:'crosshair',
position:'absolute'
},
ADVCLR:{
background: linb.browser.ie6?null:linb.UI.$bg('bg.png', 'no-repeat left top'),
_filter: linb.UI.$ieBg('bg.png'),
height:'101px',
left:'47px',
top:'47px',
width:'101px'
},
ADVWHEEL:{
background: linb.browser.ie6?null:linb.UI.$bg('clr.png', 'no-repeat left top'),
_filter: linb.UI.$ieBg('clr.png'),
height:'195px',
width:'195px'
},
'ADVMARK1, ADVMARK2':{
background:linb.browser.ie6?null:linb.UI.$bg('picker.png', 'no-repeat left top'),
_filter: linb.UI.$ieBg('picker.png'),
height:'17px',
margin:'-8px 0pt 0pt -8px',
overflow:'hidden',
width:'17px'
},
'LIST a':{
height: '12px',
width: '10px',
'font-size':linb.browser.ie6?'0':null,
'float': 'left',
display: 'block',
overflow: 'hidden',
'text-indent': '100px',
margin: '0',
cursor: 'pointer',
border: '1px solid #000',
margin:'0 -1px -1px 0'
},
'LIST a:hover':{
border: '1px solid black'
},
SET:{
position:'absolute',
display:'none',
top:'0',
right:'38px'
},
TOGGLE:{
position:'absolute',
right:'5px',
top:'0'
}
},
Behaviors:{
HoverEffected:{CLOSE:'CLOSE',SET:'SET',TOGGLE:'TOGGLE'},
ClickEffected:{CLOSE:'CLOSE',SET:'SET',TOGGLE:'TOGGLE'},
KEY:{onClick:function(){return false}},
SC:{
onMouseover:function(p,e,s){
p.box._setTempUI(p,p.getSubId(s.id));
},
onClick:function(p,e,s){
var sid=p.getSubId(s.id);
p.boxing()._setCtrlValue(p.$tempValue=sid,false);
if(!p.properties.advance)
p.boxing().setUIValue(sid);
p.box._vC(p);
return false;
}
},
LIST:{
onMouseout:function(p,e,s){
p.box._updateDftTip(p);
}
},
SET:{
onClick:function(p,e,src){
p.boxing().setUIValue(p.$tempValue,true);
p.box._vC(p);
}
},
CANCEL:{
onClick:function(p,e,src){
p.getSubNode('CLOSE').onClick(true);
}
},
TOGGLE:{
onClick:function(p,e,src){
p.boxing().setAdvance(!p.properties.advance)
}
},
R:{
onMousedown:function(p, e, src){
p.box._dd1(p,e,src);
},
onDrag:function(p, e, src){
p.box._dd2(p,e,src,0);
},
onDragstop:function(p, e, src){
p.box._dd3(p,e,src,0);
}
},
G:{
onMousedown:function(p, e, src){
p.box._dd1(p,e,src);
},
onDrag:function(p, e, src){
p.box._dd2(p,e,src,1);
},
onDragstop:function(p, e, src){
p.box._dd3(p,e,src,1);
}
},
B:{
onMousedown:function(p, e, src){
p.box._dd1(p,e,src);
},
onDrag:function(p, e, src){
p.box._dd2(p,e,src,2);
},
onDragstop:function(p, e, src){
p.box._dd3(p,e,src,2);
}
},
HH:{
onMousedown:function(p, e, src){
p.box._dd1(p,e,src,true);
},
onDrag:function(p, e, src){
p.box._dd2(p,e,src,0,'hsv1');
},
onDragstop:function(p, e, src){
p.box._dd3(p,e,src,0,true,'hsv1');
}
},
S:{
onMousedown:function(p, e, src){
p.box._dd1(p,e,src,true);
},
onDrag:function(p, e, src){
p.box._dd2(p,e,src,1,'hsv2');
},
onDragstop:function(p, e, src){
p.box._dd3(p,e,src,1,true,'hsv2');
}
},
V:{
onMousedown:function(p, e, src){
p.box._dd1(p,e,src,true);
},
onDrag:function(p, e, src){
p.box._dd2(p,e,src,2,'hsv2');
},
onDragstop:function(p, e, src){
p.box._dd3(p,e,src,2,true,'hsv2');
}
},
H:{
onMousedown:function(p, e, src){
p.box._dd1(p,e,src);
},
onDrag:function(p, e, src){
p.box._dd2(p,e,src,0,'hex');
},
onDragstop:function(p, e, src){
p.box._dd3(p,e,src,0);
}
},
'E':{
onMousedown:function(p, e, src){
p.box._dd1(p,e,src);
},
onDrag:function(p, e, src){
p.box._dd2(p,e,src,1,'hex');
},
onDragstop:function(p, e, src){
p.box._dd3(p,e,src,1);
}
},
X:{
onMousedown:function(p, e, src){
p.box._dd1(p,e,src);
},
onDrag:function(p, e, src){
p.box._dd2(p,e,src,2,'hex');
},
onDragstop:function(p, e, src){
p.box._dd3(p,e,src,2);
}
},
CLOSE:{
onClick:function(profile, e, src){
var properties = profile.properties,
instance = profile.boxing();
if(properties.disabled)return;
if(false===instance.beforeClose(profile)) return;
instance.destroy();
//for design mode in firefox
return false;
}
},
ADVWHEEL:{
onMousedown:function(p, e, src){
var cls=p.box;
cls._prepareAdv(p,e);
cls._updateClrByPos(p,e,true);
p.getSubNode('ADVMARK1').startDrag(e, {
dragType:'none'
});
}
},
ADVMARK1:{
onMousedown:function(p, e, src){
var cls=p.box;
cls._prepareAdv(p,e);
cls._updateClrByPos(p,e,true);
p.getSubNode('ADVMARK1').startDrag(e, {
dragType:'none'
});
},
onDrag:function(p, e, src){
var cls=p.box;
cls._updateClrByPos(p,e,true);
},
onDragstop:function(p, e, src){
p.box._updateValueByPos(p, e);
}
},
ADVCLR:{
onMousedown:function(p, e, src){
var cls=p.box;
cls._prepareAdv(p,e);
cls._updateClrByPos(p,e);
p.getSubNode('ADVMARK2').startDrag(e, {
dragType:'none'
});
return false;
}
},
ADVMARK2:{
onMousedown:function(p, e, src){
var cls=p.box;
cls._prepareAdv(p,e);
cls._updateClrByPos(p,e);
p.getSubNode('ADVMARK2').startDrag(e, {
dragType:'none'
});
return false;
},
onDrag:function(p, e, src){
var cls=p.box;
cls._updateClrByPos(p, e);
},
onDragstop:function(p, e, src){
p.box._updateValueByPos(p, e);
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -