0
点赞
收藏
分享

微信扫一扫

ie下测试通过的rgb配色面板


<body>
<mce:script type="text/javascript"><!--
function get_e(objId) 
{ 
  return document.getElementById(objId); 
} 


(function show_color_bar()
{
  if (get_e('color_bar')) return get_e('color_bar').style.display = 'block';
  
var bar_h = '<div id=color_bar style="position:absolute; top:50px;left:50px;border:1px solid black;padding:3px;" οncοntextmenu="this.style.display=/'none/';">'
          + '右键[关闭];左键点击三色条调配颜色;textarea_js中输入对象字符串(如obj.style.color)拉动时自动设置对象色彩<BR>'
          + '<div style="cursor:default; line-height:10px; border:1px solid black; font-size:10px; text-align:center;padding-left:20px;" mce_style="cursor:default; line-height:10px; border:1px solid black; font-size:10px; text-align:center;padding-left:20px;" onselectstart="return false;">'
          
          + '<div οnclick="rgb_s(this);" οnmοusemοve="rgb_s();" style="width:790px; border:1px solid black;text-align:left;">'
          + '<span style="color:red;background:white;" mce_style="color:red;background:white;">0</span>'
          + '</div>'
          
          + '<div onclick ="rgb_s(this);"  οnmοusemοve="rgb_s();" style="width:790px;  border:1px solid black;text-align:left;">'
          + '<span style="color:blue;background:white;" mce_style="color:blue;background:white;">0</span>'
          + '</div>'
          
          + '<div onclick ="rgb_s(this);" οnmοusemοve="rgb_s();" style="width:790px;  border:1px solid black;text-align:left;">'
          + '<span style="color:green;background:white;" mce_style="color:green;background:white;">0</span>'
          + '</div>'
          
          + '</div>'
          + '</div> ';
  document.body.insertAdjacentHTML('beforeEnd',bar_h);
})()

function rgb_s(color_bar)
{//设置颜色面板
   var  move_x_c = Math.floor(event.offsetX / 3);
   
   if (!color_bar)
   {
     document.title = move_x_c;
     return 0;
   }
   
   var event_x_c = window.event_x_c;
   var p_e = color_bar.parentElement;
   var c_e = color_bar.children[0];
   var red = p_e.children[0].children[0].innerText;
   var blue = p_e.children[1].children[0].innerText;
   var green = p_e.children[2].children[0].innerText;   
   
   if (move_x_c < 0) move_x_c=0;
   if (move_x_c > 255) move_x_c=255;
   
   c_e.innerText = move_x_c;
   color_bar.style.paddingLeft = move_x_c *3 + "px";   
   p_e.style.backgroundColor = "RGB(" + red + ", " + blue + "," + green +")";
   p_e.children[0].style.backgroundColor = "RGB(" + red + ", 0,0)";
   p_e.children[1].style.backgroundColor = "RGB(0," + blue + ",0)";
   p_e.children[2].style.backgroundColor = "RGB(0,0," + green +")";
   //run_js();

}
// --></mce:script>
</body>

ie下测试通过的rgb配色面板_div

举报

相关推荐

0 条评论