JS 案例 改变网页背景颜色
改变网页背景颜色
代码片:
// An highlighted block
<title></title><script type="text/javascript">function color(str) {document.body.style.backgroundColor = str;}</script></head><body><input type="button" value="设为红色" onclick="color('red')"/><input type="button" value="设为黄色" onclick="color('yellow')"/><input type="button" value="设为蓝色" onclick="color('blue')"/><input type="button" value="设为自定义颜色" onclick="color('#00ff00')"/></body>
效果:
背景颜色会随着你的按下而改变
JS 案例 改变网页背景颜色相关推荐
- Vue改变网页背景颜色切换
今天给大家分享一个好看的网页背景颜色切换的html文件 功能支持: 1.点击默认主题内容区域切换对应颜色,包括文字背景和文字颜色 2.在动态颜色中可以选择自己喜欢的颜色动态切换 实现代码: <! ...
- 按键改变元素背景颜色 链式编程的原理 评分案例 each方法的使用
按键改变元素背景颜色 <!DOCTYPE html> <html lang="en"> <head><meta charset=" ...
- js网页背景颜色不断变化js特效
下载地址 js网页背景颜色不断变化特效,渐变色动画效果. dd:
- 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设置实现网页背景技 ...
- Ant Design vue 改变表格背景颜色
写这篇文章之前,我已经和经理掰扯半天了.我实现的代码写成文档,复制到他的电脑上没效果.我自己的电脑就可以实现功能.一开始我写的代码也没有效果,但改来改去突然就可以了,写成原来的样子也可以实现了,没研究 ...
- 【转】保护眼睛——设置WIN7和XP 窗体、Chrome、IE网页背景颜色
眼科医生建议电脑屏幕不要用白色,因为白色对眼睛的刺激是最大的,最损伤视力! 眼科医生推荐的颜色是柔和的淡绿色!也有人叫做绿豆沙色.只要稍微设置一下,就能让你电脑上的窗口从白花花的颜色变成淡淡的绿色. ...
- Google Chrome(谷歌浏览器)修改网页背景颜色的办法
Google Chrome(谷歌浏览器)修改网页背景颜色的办法(比如修改为护眼的豆沙绿) Google Chrome修改网页背景颜色的办法 首先,下载安装chrome的stylist插件,下载地址: ...
- 网页背景颜色php代码怎么写,CSS控制网页背景颜色的代码
我想大家常常为一些比较合适于自己的网页背景的图片而发愁吧,这个我想也是有的,因为这些图片不是太大就是太小,或者太乱,那么有没有办法让图片能合自己的主页的胃口呢?答案是肯定的. 想知道怎么来实现嘛,好吧 ...
- 如何将360极速浏览器的网页背景颜色设置为护眼色
浏览网页时白色的背景容易把眼睛看花,如何将360急速浏览器的网页背景颜色设置为护眼色呢? 1.打开浏览器右上角的扩展中心. 2.找到df网页管理插件,将其安装. 3.将背景颜色调成护眼 ...
最新文章
- Java项目:医院预约挂号系统(java+SpringBoot+Maven+Vue+mysql)
- Oracle笔记 六、PL/SQL简单语句块、变量定义
- Android Message 及其使用
- python豆瓣爬虫爬取评论做成词云
- [luoguP2896] [USACO08FEB]一起吃饭Eating Together(DP)
- 网络请求的基本知识《极客学院 --AFNetworking 2.x 网络解析详解--1》学习笔记...
- SAP Fiori问题排查:Why expand does not work for complex note
- 杭州 3~5年 前端面经,高频面试题总结
- mybatis generator生成example_[Springboot系列] SpringBoot与Mybatis结合
- SUSE,为企业云原生打造多模平台
- LeetCode-116. 填充每个节点的下一个右侧节点指针
- 二叉搜索树(搜索二叉树)转换成一个双向链表
- ppt生成器_#PPT素材神器#在线卡通头像生成器: avataaars generator
- 《21天学通C语言(第7版)》一导读
- python面试题-如“上海 深圳 深圳 上海“,要求输入一个匹配模式,比如: aabb,判断是否符合
- Elasticsearch:在华为大数据集群 从c80升级至651版本后,执行es命令修改配置失败
- 1+x云计算练习题(220)
- 生鲜配送系统源码功能介绍
- 软件史上的10大bug
- 第三章 初级像差理论与像差校正(理解有误,请不吝指正)
热门文章
- 虚拟机Ubuntu复制粘贴到主机(不安装vmware-tools实现两者之间文件共享)
- 腾讯视频qlv格式转换成mp4格式的的简单方法!
- 设置自动启动ssh服务
- 【寻址方式】基地址与偏移地址的详细解释
- (转)解决office软件无法卸载也无法安装的顽固问题
- 计算机网络五层结构要点以及功能,试述五层协议的网络体系结构的要点,包括各层的主要功能...
- js实现音乐列表循环播放或单曲循环
- 窗体泄露 WindowManager: android.view.WindowLeaked: Activity com.XXX.XXX.activity.XXXActivity has leaked
- 虚拟机运行python_虚的解释|虚的意思|汉典“虚”字的基本解释
- mPEG-Pyrene,甲氧基聚乙二醇芘丁酸