网页特效
建站首页
|
广告代码
|
源码下载
|
站长工具
|
字体下载
|
网页模板
|
收藏本站
|
设为首页
网站首页
菜单导航
日期时间
背景图像
图层样式
鼠标键盘
页面窗口
色彩表格
链接文字
表单按钮
计数转换
游戏娱乐
综合实例
特效
热门搜索:
特效代码
js脚本
导航菜单
热点推荐:
英文字体
人民币汇率
dw插件
站长常用软件
alexa排名查询
您的位置:
网页特效
->
色彩表格
-> 表格颜色板网页特效代码
表格颜色板网页特效代码
作者:表格颜色板 网页特效代码演示 发布时间:2007-11-19 14:55:05 发布人: admin
<html> <head> <title>Untitled Document</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <meta name="author" content="fellow99@163.net"> <meta name="DESCRIPTION" content="Fellow's Own World"> <style type="text/css"> </style> </head> <body bgcolor="#FFFFFF" text="#000000"> <div align="center"><b><font color="#003366">Fellow牌调色板 Ver1.1</b> </div> <table border="0" cellspacing="1" cellpadding="3" width="350" align="center" bgcolor="#dddddd"> <tr bgcolor="#FFFFFF"> <td width="10%" align="center"> <select name="select1" onchange="selectchg(this.value)"> <option value="1" selected>红</option> <option value="2">绿</option> <option value="3">蓝</option> <option value="4">灰</option> </select> </td> <td width="90%" align="center"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="right"> <input type="text" name="text1" class="memo" size="10"> <input type="button" name="Button2" value=">>" class="button" onclick="choosecolor()"> </td> <td align="right" width="3%"> </td> <td width="30%"> <table width="40" border="0" cellspacing="1" cellpadding="0" height="20" class="cursorcross"> <tr> <td id="customcolor" bgcolor="#FFFFFF" onmouseover="showcolor(this)"> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr bgcolor="#FFFFFF"> <td width="10%" align="center"> <table id="tableleft" border="0" cellspacing="1" cellpadding="0" class="cursorhand"> <script language="VBScript"> function hexit(which) hexit=hex(which) end function </script> <script language="JavaScript"> for(i=0;i<=15;++i) {document.write('<tr><td align="center">'+ hexit(0+i*17) +'</td><td id="tdleft' + i +'" bgcolor="rgb('+ (0+i*17) + ',0,0)" width="15" height="15" onclick="changeright(this.num)" onmouseover="showcolor(this)"></td></tr>') document.all['tdleft' + i].num=i } </script> </table> </td> <td align="center" width="90%"> <table id="tableleft" border="0" cellspacing="1" cellpadding="0" class="cursorcross"> <script language="JavaScript"> document.write('<tr><td></td>') for(i=0;i<=15;++i) {document.write('<td align="center">'+ hexit(0+i*17) +'</td>')} document.write('</tr>') for(i=0;i<=15;++i) {document.write('<tr>') document.write('<td align="center">'+ hexit(0+i*17) +'</td>') for(j=0;j<=15;++j) {document.write('<td id="tdrightr' + i + 'c' + j +'" bgcolor="rgb(0,'+ (0+i*17) + ',' + (0+j*17) + ')" width="15" height="15" onmouseover="showcolor(this)" onclick="clickright(this)"></td>')} document.write('</tr>') } </script> </table> </td> </tr> <tr bgcolor="#FFFFFF"> <td colspan="2" height="20">·可选16*16*16种颜色。 ·单击左边的颜色会得到更多的颜色。 ·单击右边的颜色会固定选取的颜色。 ·输入框可以自定义颜色。</td> </tr> </table> <script language="JavaScript"> function selectchg(which) {switch(which) {case '1' :leftR();break; case '2' :leftG();break; case '3' :leftB();break; case '4' :leftA();break; } } function leftR() {for(i=0;i<=15;++i) {document.all['tdleft'+i].bgColor='rgb('+ (0+i*17) + ',0,0)'} rightR(0) } function leftG() {for(i=0;i<=15;++i) {document.all['tdleft'+i].bgColor='rgb(0,'+ (0+i*17) + ',0)'} rightG(0) } function leftB() {for(i=0;i<=15;++i) {document.all['tdleft'+i].bgColor='rgb(0,0,'+ (0+i*17) + ')'} rightB(0) } function leftA() {for(i=0;i<=15;++i) {document.all['tdleft'+i].bgColor='rgb('+ (0+i*17) + ','+ (0+i*17) + ','+ (0+i*17) + ')'} rightA() } function rightR(which) {for(i=0;i<=15;++i) {for(j=0;j<=15;++j) {document.all['tdrightr' + i + 'c' + j].bgColor='rgb(' + (0+which*17) + ',' + (0+i*17) + ','+ (0+j*17) + ')'} } } function rightG(which) {for(i=0;i<=15;++i) {for(j=0;j<=15;++j) {document.all['tdrightr' + i + 'c' + j].bgColor='rgb(' + (0+i*17) + ',' + (0+which*17) + ',' + (0+j*17) + ')'} } } function rightB(which) {for(i=0;i<=15;++i) {for(j=0;j<=15;++j) {document.all['tdrightr' + i + 'c' + j].bgColor='rgb(' + (0+i*17) + ','+ (0+j*17)+ ',' + (0+which*17) + ')'} } } function rightA() {for(i=0;i<=15;++i) {for(j=0;j<=15;++j) {document.all['tdrightr' + i + 'c' + j].bgColor='rgb(' + (0+i*16+j) + ','+ (0+i*16+j)+ ',' + (0+i*16+j) + ')'} } } var rightclicked=false function clickright(which) {if(rightclicked){rightclicked=false;showcolor(which)}else{rightclicked=true} } function changeright(which) {switch(select1.value) {case '1' :rightR(which);break; case '2' :rightG(which);break; case '3' :rightB(which);break; } } function showcolor(which) {if(rightclicked)return; text1.value=which.bgColor choosecolor() } function choosecolor() {customcolor.bgColor=text1.value } </script> </body> </html> <a href="http://web.archive.org/web/20150530101804/http://myjs.jz123.cn/">欢迎访问中国建站之家网页特效集</a>
表格颜色板 网页特效代码演示
将本文收藏到QQ书签与更多好友分享
上一篇:文章:
滚动条颜色生成器网页特效代码
下一篇:文章:
runtimeStyle Object 网页特效代码
本类浏览排行 »
搜索页面中的内容
又一款综合搜索引擎代码
标题栏显示当前时间
倒影效果的电子表,显示当前时间
自动记录当前页面最新的更新日期
JS让网页每隔2秒弹出一次对话框
一款超酷的CSS列表排行榜
鼠标悬停放大的纯CSS分页效果
本站推荐文章 »
垂直三栏自适应等高布局
仿QQ消息管理器的文本内容样式
支付宝的控制台动画效果菜单
文字、图片拖曳移动
可拉伸移动的DIV层效果
很酷的图片伸缩放大功能
较好的视觉效果的网页选项卡
CSS实例:通过定义渐变边框给图片加阴影