改变网页背景颜色

代码片:

// 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 案例 改变网页背景颜色相关推荐

  1. Vue改变网页背景颜色切换

    今天给大家分享一个好看的网页背景颜色切换的html文件 功能支持: 1.点击默认主题内容区域切换对应颜色,包括文字背景和文字颜色 2.在动态颜色中可以选择自己喜欢的颜色动态切换 实现代码: <! ...

  2. 按键改变元素背景颜色 链式编程的原理 评分案例 each方法的使用

    按键改变元素背景颜色 <!DOCTYPE html> <html lang="en"> <head><meta charset=" ...

  3. js网页背景颜色不断变化js特效

    下载地址 js网页背景颜色不断变化特效,渐变色动画效果. dd:

  4. html网页左侧背景,CSS设置html网页背景图片 CSS设置网页背景颜色

    CSS设置网页背景图片 CSS设置网页背景颜色技术教程篇 本篇DIVCSS5以布局思想介绍使用CSS设置实现网页背景技巧为主,希望对DIV CSS爱好者有帮助.通常对网页设置背景直接对body设置背景 ...

  5. CSS设置html网页背景图片 CSS设置网页背景颜色

    http://www.divcss5.com/jiqiao/j768.shtml CSS设置网页背景图片 CSS设置网页背景颜色技术教程篇 本篇DIVCSS5以布局思想介绍使用CSS设置实现网页背景技 ...

  6. Ant Design vue 改变表格背景颜色

    写这篇文章之前,我已经和经理掰扯半天了.我实现的代码写成文档,复制到他的电脑上没效果.我自己的电脑就可以实现功能.一开始我写的代码也没有效果,但改来改去突然就可以了,写成原来的样子也可以实现了,没研究 ...

  7. 【转】保护眼睛——设置WIN7和XP 窗体、Chrome、IE网页背景颜色

    眼科医生建议电脑屏幕不要用白色,因为白色对眼睛的刺激是最大的,最损伤视力! 眼科医生推荐的颜色是柔和的淡绿色!也有人叫做绿豆沙色.只要稍微设置一下,就能让你电脑上的窗口从白花花的颜色变成淡淡的绿色. ...

  8. Google Chrome(谷歌浏览器)修改网页背景颜色的办法

    Google Chrome(谷歌浏览器)修改网页背景颜色的办法(比如修改为护眼的豆沙绿) Google Chrome修改网页背景颜色的办法 首先,下载安装chrome的stylist插件,下载地址: ...

  9. 网页背景颜色php代码怎么写,CSS控制网页背景颜色的代码

    我想大家常常为一些比较合适于自己的网页背景的图片而发愁吧,这个我想也是有的,因为这些图片不是太大就是太小,或者太乱,那么有没有办法让图片能合自己的主页的胃口呢?答案是肯定的. 想知道怎么来实现嘛,好吧 ...

  10. 如何将360极速浏览器的网页背景颜色设置为护眼色

      浏览网页时白色的背景容易把眼睛看花,如何将360急速浏览器的网页背景颜色设置为护眼色呢?   1.打开浏览器右上角的扩展中心.   2.找到df网页管理插件,将其安装.   3.将背景颜色调成护眼 ...

最新文章

  1. Java项目:医院预约挂号系统(java+SpringBoot+Maven+Vue+mysql)
  2. Oracle笔记 六、PL/SQL简单语句块、变量定义
  3. Android Message 及其使用
  4. python豆瓣爬虫爬取评论做成词云
  5. [luoguP2896] [USACO08FEB]一起吃饭Eating Together(DP)
  6. 网络请求的基本知识《极客学院 --AFNetworking 2.x 网络解析详解--1》学习笔记...
  7. SAP Fiori问题排查:Why expand does not work for complex note
  8. 杭州 3~5年 前端面经,高频面试题总结
  9. mybatis generator生成example_[Springboot系列] SpringBoot与Mybatis结合
  10. SUSE,为企业云原生打造多模平台
  11. LeetCode-116. 填充每个节点的下一个右侧节点指针
  12. 二叉搜索树(搜索二叉树)转换成一个双向链表
  13. ppt生成器_#PPT素材神器#在线卡通头像生成器: avataaars generator
  14. 《21天学通C语言(第7版)》一导读
  15. python面试题-如“上海 深圳 深圳 上海“,要求输入一个匹配模式,比如: aabb,判断是否符合
  16. Elasticsearch:在华为大数据集群 从c80升级至651版本后,执行es命令修改配置失败
  17. 1+x云计算练习题(220)
  18. 生鲜配送系统源码功能介绍
  19. 软件史上的10大bug
  20. 第三章 初级像差理论与像差校正(理解有误,请不吝指正)

热门文章

  1. 虚拟机Ubuntu复制粘贴到主机(不安装vmware-tools实现两者之间文件共享)
  2. 腾讯视频qlv格式转换成mp4格式的的简单方法!
  3. 设置自动启动ssh服务
  4. 【寻址方式】基地址与偏移地址的详细解释
  5. (转)解决office软件无法卸载也无法安装的顽固问题
  6. 计算机网络五层结构要点以及功能,试述五层协议的网络体系结构的要点,包括各层的主要功能...
  7. js实现音乐列表循环播放或单曲循环
  8. 窗体泄露 WindowManager: android.view.WindowLeaked: Activity com.XXX.XXX.activity.XXXActivity has leaked
  9. 虚拟机运行python_虚的解释|虚的意思|汉典“虚”字的基本解释
  10. mPEG-Pyrene,甲氧基聚乙二醇芘丁酸