欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

javascript实现根据3原色制作颜色选择器的方法_javascript技巧

程序员文章站 2022-05-20 07:54:07
...
本文实例讲述了javascript实现根据3原色制作颜色选择器的方法。分享给大家供大家参考。具体如下:
document.write('
'); T={s:true}; T.a=A.$('msecolor_ab2').children[0]; T.b=A.$('msecolor_ab2').children[1]; T.c=A.$('msecolor_ac1'); T.d=A.$('msecolor_ac2'); T.ini=function(id,fun){ this.fun=fun; if(typeof(id)!='object') id=A.$(id); this.obj=id; var w=A.wz(id); var ph=document.documentElement.clientHeight,pw=document.documentElement.clientWidth; var sh=document.documentElement.scrollTop,sw=document.documentElement.scrollLeft; if(w.x-sw+322 > pw){ var l=w.x+id.offsetWidth - 322; }else{ var l=w.x; } if(w.y-sh+329+id.offsetHeight > ph){ var t=w.y - 329; }else{ var t=w.y+id.offsetHeight; } with(A.$('msecolor').style){ display='block'; top=t+'px'; left=l+'px'; } } T.hide=function(){A.$('msecolor').style.display='none';} T.e=['0','1','2','3','4','5','6','7','8','9','A','B','C','D','E','F']; T.f=function(a){ T.h=a; T.c.innerHTML=''; if(a==7){ for(var i=0;i=(a-1) && i=(c-1) && i=(e-1) && i

运行效果图如下:

javascript实现根据3原色制作颜色选择器的方法_javascript技巧

javascript实现根据3原色制作颜色选择器的方法_javascript技巧

希望本文所述对大家的javascript程序设计有所帮助。