使用HTML5 select标签来实现更改网页背景颜色

<!doctype html>
<html>
<head>
<style>

</style>
<script>
function load(){
var test=document.getElementById("test");
document.body.style.backgroundColor=test.options[test.selectedIndex].value;
//获得select的selectedIndex属性来获得option的value值，设置body的backgroundColor属性
}
</script>
<meta charset="UTF-8">
</head>
<body>
<select id="test" οnchange="load()">
<option value="white">白色</option>
<option value="yellow">黄色</option>
<option value="green">绿色</option>
<option value="red">红色</option>
</select>
</body>
</html>

使用HTML5 select标签来实现更改网页背景颜色相关推荐

HTML如何变换背景图片,javascript如何更改网页背景图片？
JavaScript中更改网页背景图片可以通过style对象的backgroundImage属性来实现.语法为Object.style.backgroundImage=url(URL). JavaSc ...
html5 纵向分割线,html5和css3制作不规则的网页背景分割线
这是一款实用的.效果炫酷的html5和css3制作不规则的网页背景分割线网页模板. EXAMPLE 1 下面来看一下第一个demo的制作流程. html结构:实用一个section来包裹所有的内容,其 ...
html网页左侧背景,CSS设置html网页背景图片 CSS设置网页背景颜色
CSS设置网页背景图片 CSS设置网页背景颜色技术教程篇本篇DIVCSS5以布局思想介绍使用CSS设置实现网页背景技巧为主,希望对DIV CSS爱好者有帮助.通常对网页设置背景直接对body设置背景 ...
CSS设置html网页背景图片 CSS设置网页背景颜色
http://www.divcss5.com/jiqiao/j768.shtml CSS设置网页背景图片 CSS设置网页背景颜色技术教程篇本篇DIVCSS5以布局思想介绍使用CSS设置实现网页背景技 ...
android:更改PagerTabStrip背景颜色，标题字体样式、颜色和图标，以及指示条的颜色...
1.更改PagerTabStrip背景颜色我们直接在布局中设置background属性可以: <android.support.v4.view.ViewPagerandroid:id=&quo ...
Altium AD20更改原理图背景颜色
AD20更改原理图背景颜色. 点击右下角 Panels,选择 Properties. Sheet Color 即为背景颜色.Sheet Border 为页面信息栏及最外层边框的颜色. AD默认 ...
Vue改变网页背景颜色切换
今天给大家分享一个好看的网页背景颜色切换的html文件功能支持: 1.点击默认主题内容区域切换对应颜色,包括文字背景和文字颜色 2.在动态颜色中可以选择自己喜欢的颜色动态切换实现代码: <! ...
怎么查看CAD图纸并更改图纸背景颜色？
对于许多从事建筑或者设计的小伙伴们而言,怎么快速的查看建筑图纸也是工作中很重要的一部分,那么我们在工作中要怎么快速的查看建筑图纸呢?怎么样更改其背景颜色呢? 快速查看图纸文件: 1.在我们的电脑安装的 ...
pycharm更改整体背景颜色（黑-白）
pycharm更改整体背景颜色(黑-白) 打开pycharm: 1.左上角File ---- Settings 2.Appearance&Behavior ---- Appearance -- ...
js网页背景颜色不断变化js特效
下载地址 js网页背景颜色不断变化特效,渐变色动画效果. dd:

使用HTML5 select标签来实现更改网页背景颜色

使用HTML5 select标签来实现更改网页背景颜色相关推荐

最新文章

热门文章