风格：
网站首页
新闻资讯
文章中心
歌曲音乐
动漫频道
影视中心
精美图片
资源下载
学子商城
站内互动
休闲娱乐
用户登录
用户注册
会员中心
怀念旧版
综合新闻
站内播客
休闲大院
管理营销
家居理财
教程文章
高保真音乐
MTV欣赏
MTV音乐
精品动画
贺卡传情
幽默搞笑
专辑系列
赌博游戏
冒险游戏
体育游戏
搞笑游戏
打斗游戏
互动游戏
高清高速
p2p影视
56视频
flv影视
人物写真
壁纸系列
站内软件
精品软件
供求信息
学子商城
酷站推荐
留言本站
娱乐论坛
企业黄页
本站问答
友情链接
学子招聘
赳客电影
娱乐博客
网页特效
在线书库
在线电视
在线电视2
周公解梦
万年历
在线算命
电子地图
成人影院
CCTV直播
缘分测试
您的位置：
首页
>>
特效频道
>> 手动调节背景色
特效阅读
手动调节背景色
添加时间：2008-02-07 | 浏览次数：24
<html> <head> <title>网页特效|Linkweb.cn/Js|---手动调节背景色</title> <style type="text/css"> <!-- body { font-family: "宋体"; font-size: 9pt; margin-top: 0px; margin-left: 4px; margin-right: 0px} A { COLOR: black; FONT-SIZE: 9pt; FONT-WEIGHT: 400; TEXT-DECORATION: none } A:hover { COLOR: red; FONT-SIZE: 9pt; FONT-WEIGHT: 400; TEXT-DECORATION: underline } a:active { font: 9pt "宋体"; cursor: hand; color: #FF0033 } --></style> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> </head> <body> <br> <br> <center><font color=red face="隶书" size=6>手动调节背景色</font></center> <br> <center> <table border=1 bordercolor=#000000 borderlight=green style="border-collapse: collapse" cellpadding="0" cellspacing="0"> <tr><td align=center><font size=5 color=red face="Arial, Helvetica, sans-serif"><strong>下面为脚本显示区</strong></font></td></tr><tr><td align=center><script language="JavaScript"> <!-- Hiding var red=0; var green=0; var blue=0; var value=0; var convert = new Array() var hexbase= new Array("0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "A", "B", "C", "D", "E", "F"); for (x=0; x<16; x++){ for (y=0; y<16; y++){ convert[value]= hexbase[x] + hexbase[y]; value++; } } function clear(){ document.color.bl.value= blue; document.color.rd.value= red; document.color.gr.value= green; } function display(){ redx = convert[red] greenx = convert[green] bluex = convert[blue] var rgb = "#"+redx+greenx+bluex; document.color.rgbdspl.value= rgb; document.bgColor =rgb; } function upred(x){ if ((red+x)<=255) red+=x document.color.rd.value= red; display() } function downred(x){ if ((red-x)>=0) red-=x document.color.rd.value= red; display() } function upgreen(x){ if ((green+x)<=255) green+=x document.color.gr.value= green; display() } function downgreen(x){ if ((green-x)>=0) green-=x document.color.gr.value= green; display() } function upblue(x){ if ((blue+x)<=255) blue+=x document.color.bl.value= blue; display() } function downblue(x){ if ((blue-x)>=0) blue-=x document.color.bl.value= blue; display() } // done hiding --> </script> <form name="color"> <table> <tr align="Center"> <td> <input name="red" type="button" value=" +50 " onClick="upred(50)"> </td> <td> <input name="red2" type="button" value=" + 10 " onClick="upred(10)"> </td> <td> <input name="red2" type="button" value=" + 1" onClick="upred(1)"> </td> <td width="50"><font color="#FF0000" size=+3><b><font color="#FA0000">红</font></b></font></td> <td> <input name="red-" type="button" value=" - 1" onClick="downred(1)"> </td> <td> <input name="red-" type="button" value=" - 10 " onClick="downred(10)"> </td> <td> <input name="red-" type="button" value=" -50 " onClick="downred(50)"> </td> <td> <input type="text" name="rd" size=3> </td> </tr> <tr align="Center"> <td> <input name="green" type="button" value=" +50 " onClick="upgreen(50)"> </td> <td> <input name="green" type="button" value=" + 10 " onClick="upgreen(10)"> </td> <td> <input name="green" type="button" value=" + 1" onClick="upgreen(1)"> </td> <td width="50"><font color="#00FF00" size=+3><b><font color="#00FA00">绿</font></b></font></td> <td> <input name="green-" type="button" value=" - 1" onClick="downgreen(1)"> </td> <td> <input name="green-" type="button" value=" - 10 " onClick="downgreen(10)"> </td> <td> <input name="green-" type="button" value=" -50 " onClick="downgreen(50)"> </td> <td> <input type="text" name="gr" size=3> </td> </tr> <tr align="Center"> <td> <input name="blue" type="button" value=" +50 " onClick="upblue(50)"> </td> <td> <input name="blue" type="button" value=" + 10 " onClick="upblue(10)"> </td> <td> <input name="blue" type="button" value=" + 1" onClick="upblue(1)"> </td> <td width="50"><font color="#0000FF" size=+3><b><font color="#0000FA">蓝</font></b></font></td> <td> <input name="blue-" type="button" value=" - 1" onClick="downblue(1)"> </td> <td> <input name="blue-" type="button" value=" - 10 " onClick="downblue(10)"> </td> <td> <input name="blue-" type="button" value=" -50 " onClick="downblue(50)"> </td> <td> <input type="text" name="bl" size=3> </td> </tr> <tr align="Center"> <td> </td> <td> </td> <td> </td> <td width="50"> <input type="text" name="rgbdspl" size=7> </td> <td> </td> <td> </td> <td> </td> <td> </td> </tr> </table> </form> </td></tr></table></center> <br> <br> <center> <SCRIPT LANGUAGE="JavaScript"> <!-- hide function goHist(a) { history.go(a); } //--> </script></center> <br> <br> <br> <br> <br> <br> </body> </html>
特别说明：
如文本框里含有upjs/***.js内容的，请用查看按钮查看演示！
【
复制
】 【
打印
】
>>
相关资讯：
上篇特效：
链接驱动背景色
下篇特效：
很不错的背景调色板
网友评论
以下网友评论只代表其个人观点，不代表我要下载资源网-无忧学子网的观点或立场
推荐特效
More...
03-08
对象属性显示器
03-07
彩色文字代码生成器
03-07
javascript代码自动生成
03-07
文字变色代码生成器
03-07
文字变色代码生成器
03-07
下拉菜单自动生成器，非常酷的东..
03-07
自动生成问题回答页面
03-07
图片生成器
03-07
一个QQ菜单编辑器
03-07
弹出式窗口代码产生器
热门特效
More...
06-03
酷！旋转导航菜单
06-05
鼠标之星也美丽~
01-26
始终在页面底部的菜单
06-05
一个简单的JS上滚信息栏
06-05
超炫的文字效果(3)
06-05
展开式的弹出窗口
06-05
超炫的文字效果(1)
06-03
滑出式网页导航菜单
06-05
自已定制网页的右键菜单
06-05
双击滚屏的网页特效
最新特效
More...
03-08
QQ分组样式导航菜单生成器
03-08
对象属性显示器
03-07
倒计时生成器JS脚本
03-07
网页背景产生器
03-07
图片变化代码生成器
03-07
滚动条颜色生成器IE5.5+
03-07
彩色文字代码生成器
03-07
主页代码生成器
03-07
恶作剧代码，可以自己添加内容的..
03-07
分割Frame生成器
用户登陆
加载中……
网友评论
