网页拾色器

原创 2007年09月20日 15:00:00

<HTML>
 <HEAD id="Head1">
  <title>网页拾色器</title>
  <script language="javascript">
function colorpick(field){
   var rtn = window.showModalDialog

("Default2.aspx","","dialogWidth:225px;dialogHeight:170px;status:no;help:no;scroll

ing=no;scrollbars=no");
   if(rtn!=null)
 field.style.background=rtn;
  return;
   }
  </script>
 </HEAD>
 <body>
  <form id="form1" runat="server">
   <div style="TEXT-ALIGN: center">
    <table cellpadding="0" cellspacing="0"

style="BACKGROUND-IMAGE: url(Images/1111.bmp);
            WIDTH: 464px;
            HEIGHT: 233px">
     <tr>
      <td style="WIDTH: 96px; HEIGHT:

30px">
      </td>
      <td style="WIDTH: 28px; HEIGHT:

30px">
       <asp:TextBox ID="TextBox1"

runat="server" readonly="true" size="3" style="BACKGROUND-COLOR:#000000"
        Width="67px"

Height="13px" onClick="colorpick(this)"></asp:TextBox></td>
      <td style="WIDTH: 114px; HEIGHT:

30px"><FONT face="宋体"></FONT>
      </td>
     </tr>
     <tr>
      <td style="WIDTH: 96px; HEIGHT:

146px">
      </td>
      <td style="WIDTH: 28px; HEIGHT:

146px">
      </td>
      <td style="WIDTH: 114px; HEIGHT:

146px"><FONT face="宋体"></FONT>
      </td>
     </tr>
    </table>
   </div>
  </form>
 </body>
</HTML>

<script language="JavaScript">
<!--
var h = new Array(6)
h[0] = "FF";
h[1] = "CC";
h[2] = "99";
h[3] = "66";
h[4] = "33";
h[5] = "00";
function action(RGB) {
 //alert('您选择的颜色是:#'+RGB);
 parent.window.returnValue="#"+RGB;
 window.close();
}
function Mcell(R, G, B) {
 document.write('<td bgcolor="#' + R + G + B + '">');
 document.write('<a href="#" onClick="action(/'' + (R + G + B) + '/')">');
 document.write('<img border=0 height=12 width=12 /')" alt=/'#'+R+G+B+'/'>');
 document.write('</a>');
 document.write('</td>');
}
function Mtr(R, B) {
 document.write('<tr>');
 for (var i = 0; i < 6; ++i) {
  Mcell(R, h[i], B);
 }
 document.write('</tr>')
}
function Mtable(B) {
 document.write('<table cellpadding=0 cellspacing=0 border=0>');
 for (var i = 0; i < 6; ++i) {
  Mtr(h[i], B);
 }
document.write('</table>');
}
function Mcube() {
 document.write('<table cellpadding=0 cellspacing=0 border=0><tr>');  //
 for (var i = 0; i < 6; ++i) {
   if(i%3==0){
   document.write('<tr>');
   }
  document.write('<td bgcolor="#FFFFFF">');
  Mtable(h[i])
  document.write('</td>');
 }
   if(i%3==0){
   document.write('</tr>');
   }
 document.write('</tr></table>');
}
Mcube()

 -->

 
  </script> 

版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

JavaScript特效实例012-网页拾色器

实例012                             网页拾色器 实例说明 在网站中经常需要用户自定义颜色来显示某些信息。这可以在网页添加一个拾色器来实现。 技术要点 在本实例中...

网页拾色器

  • 2013年01月23日 13:45
  • 249KB
  • 下载

非常实用的网页拾色器【工具】

  • 2012年07月25日 16:44
  • 345KB
  • 下载

网页背景色渐变效果

背景色渐变: 参数说明: GradientType为渐变类型,0为上下渐变,1为左右渐变 StartColorStr为开始颜色 EndColorStr为结束颜色 背景色透明: ...

基于jQuery的网页拾色器

  • 2013年01月29日 09:38
  • 48KB
  • 下载

网页配色(配色工具和拾色器)

  • 2015年10月27日 22:08
  • 425KB
  • 下载

jsoup选择器来抓取网页中的数据

完整代码 import java.io.IOException; import java.util.List; import org.jsoup.Jsoup; import org.jsoup.n...

拾色器 做网页处理图像用

  • 2010年09月03日 10:25
  • 159KB
  • 下载

网络拾色器 适用于网页开发

  • 2010年11月18日 16:21
  • 228KB
  • 下载

SpringMVC与Activiti网页流程设计器整合(一)

1、添加依赖文件 新建Maven工程,取名为demo。在demo的pom文件中加入springMvc的依赖包,maven依赖如下。 org.activiti activit...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:网页拾色器
举报原因:
原因补充:

(最多只允许输入30个字)