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程序设计有所帮助。
推荐阅读
-
Javascript中3种实现继承的方法和代码实例_javascript技巧
-
javascript实现颜色渐变的方法_javascript技巧
-
JS实现在页面随时自定义背景颜色的方法_javascript技巧
-
javascript实现根据iphone屏幕方向调用不同样式表的方法_javascript技巧
-
JS实现点击颜色块切换指定区域背景颜色的方法_javascript技巧
-
JS实现点击颜色块切换指定区域背景颜色的方法_javascript技巧
-
javascript实现通过表格绘制颜色填充矩形的方法_javascript技巧
-
JavaScript实现判断图片是否加载完成的3种方法整理_javascript技巧
-
javascript实现根据3原色制作颜色选择器的方法_javascript技巧
-
javascript实现颜色渐变的方法_javascript技巧