JS实现网页背景颜色与select框中的颜色同时变化

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>JS实现网页背景颜色与select框中的颜色同时变化丨石家庄感应门|石家庄公墓</title>
    </head>
    <body>
    <script language="javascript">
    colors = new Array(‘#FFFFFF‘,‘#FFCCFF‘,‘#FF99FF‘,‘#FF66FF‘,‘#FF33FF‘,‘#FF00FF‘,‘#FFFFCC‘,‘#FFCCCC‘,‘#FF99CC‘,‘#FF66CC‘,‘#FF33CC‘,‘#FF00CC‘,‘#FFFF99‘,‘#FFCC99‘,‘#FF9999‘,‘#FF6699‘,‘#FF3399‘,‘#FF0099‘,‘#FFFF66‘,‘#FFCC66‘,‘#FF9966‘,‘#FF6666‘,‘#FF3366‘,‘#FF0066‘,‘#FFFF33‘,‘#FFCC33‘,‘#FF9933‘,‘#FF6633‘,‘#FF3333‘,‘#FF0033‘,‘#FFFF00‘,‘#FFCC00‘,‘#FF9900‘,‘#FF6600‘,‘#FF3300‘,‘#FF0000‘,‘#CCFFFF‘,‘#CCCCFF‘,‘#CC99FF‘,‘#CC66FF‘,‘#CC33FF‘,‘#CC00FF‘,‘#CCFFCC‘,‘#CCCCCC‘,‘#CC99CC‘,‘#CC66CC‘,‘#CC33CC‘,‘#CC00CC‘,‘#CCFF99‘,‘#CCCC99‘,‘#CC9999‘,‘#CC6699‘,‘#CC3399‘,‘#CC0099‘,‘#CCFF66‘,‘#CCCC66‘,‘#CC9966‘,‘#CC6666‘,‘#CC3366‘,‘#CC0066‘,‘#CCFF33‘,‘#CCCC33‘,‘#CC9933‘,‘#CC6633‘,‘#CC3333‘,‘#CC0033‘,‘#CCFF00‘,‘#CCCC00‘,‘#CC9900‘,‘#CC6600‘,‘#CC3300‘,‘#CC0000‘,‘#99FFFF‘,‘#99CCFF‘,‘#9999FF‘,‘#9966FF‘,‘#9933FF‘,‘#9900FF‘,‘#99FFCC‘,‘#99CCCC‘,‘#9999CC‘,‘#9966CC‘,‘#9933CC‘,‘#9900CC‘,‘#99FF99‘,‘#99CC99‘,‘#999999‘,‘#996699‘,‘#993399‘,‘#990099‘,‘#99FF66‘,‘#99CC66‘,‘#999966‘,‘#996666‘,‘#993366‘,‘#990066‘,‘#99FF33‘,‘#99CC33‘,‘#999933‘,‘#996633‘,‘#993333‘,‘#990033‘,‘#99FF00‘,‘#99CC00‘,‘#999900‘,‘#996600‘,‘#993300‘,‘#990000‘,‘#66FFFF‘,‘#66CCFF‘,‘#6699FF‘,‘#6666FF‘,‘#6633FF‘,‘#6600FF‘,‘#66FFCC‘,‘#66CCCC‘,‘#6699CC‘,‘#6666CC‘,‘#6633CC‘,‘#6600CC‘,‘#66FF99‘,‘#66CC99‘,‘#669999‘,‘#666699‘,‘#663399‘,‘#660099‘,‘#66FF66‘,‘#66CC66‘,‘#669966‘,‘#666666‘,‘#663366‘,‘#660066‘,‘#66FF33‘,‘#66CC33‘,‘#669933‘,‘#666633‘,‘#663333‘,‘#660033‘,‘#66FF00‘,‘#66CC00‘,‘#669900‘,‘#666600‘,‘#663300‘,‘#660000‘,‘#33FFFF‘,‘#33CCFF‘,‘#3399FF‘,‘#3366FF‘,‘#3333FF‘,‘#3300FF‘,‘#33FFCC‘,‘#33CCCC‘,‘#3399CC‘,‘#3366CC‘,‘#3333CC‘,‘#3300CC‘,‘#33FF99‘,‘#33CC99‘,‘#339999‘,‘#336699‘,‘#333399‘,‘#330099‘,‘#33FF66‘,‘#33CC66‘,‘#339966‘,‘#336666‘,‘#333366‘,‘#330066‘,‘#33FF33‘,‘#33CC33‘,‘#339933‘,‘#336633‘,‘#333333‘,‘#330033‘,‘#33FF00‘,‘#33CC00‘,‘#339900‘,‘#336600‘,‘#333300‘,‘#330000‘,‘#00FFFF‘,‘#00CCFF‘,‘#0099FF‘,‘#0066FF‘,‘#0033FF‘,‘#0000FF‘,‘#00FFCC‘,‘#00CCCC‘,‘#0099CC‘,‘#0066CC‘,‘#0033CC‘,‘#0000CC‘,‘#00FF99‘,‘#00CC99‘,‘#009999‘,‘#006699‘,‘#003399‘,‘#000099‘,‘#00FF66‘,‘#00CC66‘,‘#009966‘,‘#006666‘,‘#003366‘,‘#000066‘,‘#00FF33‘,‘#00CC33‘,‘#009933‘,‘#006633‘,‘#003333‘,‘#000033‘,‘#00FF00‘,‘#00CC00‘,‘#009900‘,‘#006600‘,‘#003300‘,‘#000000‘);
    function show(file){
    var url = file.options[file.selectedIndex].value;
    if(document.all || document.layers)
    location.href = url;
    else if(document.getElementById){
    if(url != undefined)
    location.href = url;
    }
    }
    var streng;
    var color1 = colors[Math.round(Math.random() * (colors.length-1))];
    var color2 = colors[Math.round(Math.random() * (colors.length-1))];
    var color3 = colors[Math.round(Math.random() * (colors.length-1))];
    streng = ‘<style type="text/css">select{width:300; height:118; overflow:hidden; font-family:times new roman; font-size: 14px; color:‘;
    streng += color1;
    streng += ‘; background:‘;
    streng += color2;
    streng += ‘;}body{background: ‘;
    streng += color3;
    streng += ‘;}td{font-family: times new roman; font-size: 14px; color: #000000;}</style>‘;
    document.writeln(streng);
    </script>
    <table border="0" cellspacing="0" cellpadding="0" width="500">
    <form name="form" target="_blank">
    <tr>
    <td>
    <select name="showoff" id="showoff" size="3" width="200" onChange="show(document.form.showoff)">
    <option value="http://www.163.com">163网易</option>
    <option value="http://www.baidu.com">百度搜索</option>
    </select>
    </td>
    </tr>
    </form>
    </table>
    </body>
    </html>
    <br>刷新页面预览效果<br><hr>
    
时间: 2024-10-01 03:13:00

JS实现网页背景颜色与select框中的颜色同时变化的相关文章

下拉框&mdash;&mdash;把一个select框中选中内容移到另一个select框中遇到的问题

在使用jQuery实现把一个select框中选中内容移到另一个select框中功能时遇到了一个问题,就是点击按钮时内容可以到另一个select框中,但是到了另一个select框中的内容却很快闪退回原来的select框中,代码如下:                  <select class="select1" name="select1" multiple="multiple">                     <op

修改tableview的索引页的背景,字体颜色,字体点中的颜色

mainTableView.sectionIndexBackgroundColor = [UIColor greenColor];//修改右边索引的背景色// mainTableView.sectionIndexColor = [UIColor orangeColor];//修改右边索引字体的颜色// mainTableView.sectionIndexTrackingBackgroundColor = [UIColor orangeColor];//修改右边索引点击时候的背景色

VC改变CListCtrl 表格中文字颜色,和背景颜色。

(1)首先需要自定义一个类,派生自CListCtrl.如下图: (2)然后在派生类的头文件中声明一个成员函数,如下图: (3)在源文件中实现该成员方法,如图: (4)在源文件中做消息映射,如图: 这时候,当CListCtrl控件在绘制的时候,就会有NM_CUSTOMDRAW消息被我们的函数截获. 我们就在实现函数中筛选出CListCtrl控件应该设置内容(文字颜色,文字背景颜色)的时机,对绘制的内容做相应的修改即可. // ColorListCtrl.cpp : implementation f

select框动态添加选项

$.ajax({ url : "${staticServer }/ywgl/zkpzgl/zkfkgl/showBillType.htm", //ajax请求路径 type : "post", //请求方式 data : "", //请求时发送的数据 async:true, //是否异步 dataType : "json", //数据格式 success : function(r){ //访问成功时调用的方法(其中r时是返回的

用JS让下拉框改变网页背景颜色

<HTML> <HEAD> <TITLE>石家庄渣浆泵配件</TITLE> </HEAD> <SCRIPT> <!-- function bgChange(selObj) { newColor = selObj.options[selObj.selectedIndex].text; document.bgColor = newColor; selObj.selectedIndex = -1; } //--> </SC

JS点击更换网页背景颜色

JS部分 <script type="text/javascript"> // 定义可换的颜色 var colors = ["#ff0000", "#00ff00", "#0000ff", "#ffff00", "#00ffff", "#ff00ff"]; var index = 0; // 换色方法 function changeColor() { //

【JavaScript】轻松更改网页背景与字体的颜色

JavaScript,通过点击按钮更改网页背景与字体的颜色,网页中有N个改变颜色的按钮,点击不同的按钮,网页的字体与背景就会改变成不同的颜色.很简单的JavaScript小程序. 一.基本目标 一打开网页首先提示问候信息"你好" 网页中有N个改变颜色的按钮,其中返回是返回网页的默认颜色,背景是白的,字体是黑的 点击不同的按钮,网页的字体与背景就会改变成不同的颜色. 本来想做出彩虹起色的,但原理完全一样就不多写按钮了. 二.基本思想 关键是对body标签与字体js提供id,使其在js中得

jquery入门 修改网页背景颜色

我们在浏览一些网站,尤其是一些小说网站的时候,都会有修改页面背景颜色的地方,这个功能使用jquery很容易实现. 效果图: show you code: <!doctype html> <html> <head> <meta charset="utf-8"> <title>jquery test</title> <script src="jquery-1.11.1.min.js">&

改变VS2012主题(theme)颜色、编辑框添加背景(so cool)

改变VS2012主题(theme)颜色 点击工具-〉扩展与更新,在联机中搜索theme Editor,把第一个插件下载下来. 重启vs后,工具一栏中会出现Change Color Theme这个选项,然后调成自己喜欢的颜色. 编辑框添加背景 点击工具-〉扩展与更新,在联机中搜索Text background,下载第一个插件 重启vs后,任意打开一个文件,那么编辑框的背景就会改变了,会转变为我的文档中图片里的某个图片. 在我的文档里有一个MaxZhang.VsixTheme.ini文件,用记事本打