0顶

通过按钮来调整页面颜色

稿源：互联网 2022-08-11 14:40:29 点击： 159 撤稿纠错

用按钮来调整各颜色的比例并调整背景颜色，阿里西西网页特效收集。

以下讨论的是和按钮调色脚本相关的通过按钮来调整页面颜色教程文章，内容是本站精心挑选整理的教程，希望对广大的网友给到帮助,下面是详细内容：

脚本代码(For Alixixi.com)如下:

要完成此效果把如下代码加入到<body>区域中

<!-- 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>

</td>

</td>

</td>

</td>

</td>

</td>

</td>

</tr>

</td>

</td>

</td>

</td>

</td>

</td>

</td>

</tr>

</td>

</td>

</td>

</td>

</td>

</td>

</td>

</tr>

</td>

</tr>

</table>

<a href="http://www.alixixi.com/Dev/HTML/jsrun/">欢迎访问阿里西西网页特效集</a>

关于通过按钮来调整页面颜色的内容写到这里就结束啦，您可以收藏本页网址https://js.alixixi.com/a/2008071596323.shtml方便下次再访问哦。

·上一篇： 改变页面背景颜色
·下一篇： 用鼠标选定背景颜色

文章分类LIST >>返回首页

排行总榜

避免你的邮箱地址被自动收集的代码
有趣的按钮
控制用按钮打开新窗口的属性
单击按钮或图片打开IE首页
点击按钮打印该页
仿软件浮动按钮
在规定时间内方有效的按钮
一个按钮完成对文本框内容的复制
按钮选中文本框内所有内容
Windows式样的按钮

通过按钮来调整页面颜色

文章分类LIST >>返回首页

最新游戏

最新新闻