标题 | 点击颜色条生成颜色值 |
内容 | js js获取颜色,js颜色条,颜色条筛选,点击颜色条获取颜色值 从网上看到,自动选择标题的颜色值,点击颜色条某处,显示该处颜色值 颜色条地址:颜色条地址 点击中间颜色,该颜色值将出现在下框里。 <!doctype html public -//w3c//dtd xhtml 1.0 transitional//en > <html xmlns=> <head> <meta http-equiv=content-type content=text/html; charset=gb2312 /> <title>点击颜色条获取颜色值,</title> </head> <script src=js/color.js type=text/javascript></script> <body> <table id=colorpanel cellspacing=0 cellpadding=0 border=0> <tbody><tr> <td id=111 valign=center align=middle>网站制作学习网</td> </tr> <tr> <td id=111 valign=center align=middle>颜 色:</td> <script language=javascript>rgb(pas,width1,height1)</script> </tr> </tbody> </table> <table id=1 > <tr> <td><input type=text name=abc id=abc /></td> </tr> </table> </body> </html> //js代码如下,www.forasp.cn网站制作学习网原创,转载请注明。 var height1 = 18; // define the height of the color bar var pas = 36; // define the number of color in the color bar var width1=1; //forasp.cn var base_hexa = 0123456789abcdef; function dec2hexa(number) { return base_hexa.charat(math.floor(number / 16)) + base_hexa.charat(number % 16);} function rgb2hexa(tr,tg,tb){return # + dec2hexa(tr) + dec2hexa(tg) + dec2hexa(tb);} function lightcase(myobject,objname){mm_findobj(objname).bgcolor = myobject.bgcolor;} col = new array; col[0] = new array(255,0,255,-1,255,-1); col[1] = new array(255,0,0,1,0,0); col[2] = new array(255,-1,255,0,0,0); col[3] = new array(0,0,255,0,0,1); col[4] = new array(0,0,255,-1,255,0); col[5] = new array(0,1,0,0,255,0); col[6] = new array(255,-1,0,0,255,-1); function rgb(pas,w,h){ for (j=0;j<6+1;j++){ for (i=0;i<pas+1;i++){ r = math.floor(col[j][0]+col[j][1]*i*(255)/pas); g = math.floor(col[j][2]+col[j][3]*i*(255)/pas); b = math.floor(col[j][4]+col[j][5]*i*(255)/pas); codehex = r + '' + g + '' + b;//www.forasp.cn document.write('<td bgcolor=\' + rgb2hexa(r,g,b) + '\ onclick=\javascript:change_bg(this.bgcolor);\ width=\'+w+'\ height=\'+h+'\><img height='+h+' width='+w+' border=0 ></td>\n');//网站制作学习网 } } } function change_bg(bg) { document.getelementbyid(abc).value = bg; } |
随便看 |
|
在线学习网考试资料包含高考、自考、专升本考试、人事考试、公务员考试、大学生村官考试、特岗教师招聘考试、事业单位招聘考试、企业人才招聘、银行招聘、教师招聘、农村信用社招聘、各类资格证书考试等各类考试资料。