php实现开关效果代码,JavaScript实现开关效果的代码分享

本文给大家分享一段简单的代码基于js实现开关灯效果，代码简单易懂，非常不错，具有参考借鉴价值，需要的朋友参考下吧

废话不多说了，直接给大家贴代码了，具体代码如下所示：

开关灯

html, body {

margin: 0px;

padding: 0px;

width: 100%;

height: 100%;

cursor: pointer;

background-color: white;

}

var oBody = document.getElementById("bodyEle");

oBody.onclick = function () {

var bg = this.style.backgroundColor;

switch (bg) {

case "white":

this.style.backgroundColor = "red";

break;

case "red":

this.style.backgroundColor = "black";

break;

default:

this.style.backgroundColor = "white";

}

php实现开关效果代码,JavaScript实现开关效果的代码分享相关推荐

html 开关按钮 js代码,JavaScript实现开关等效果
废话不多说了,直接给大家贴代码了,具体代码如下所示: 开关灯 html, body { margin: 0px; padding: 0px; width: 100%; height: 100%; cu ...
html滚动效果代码,javascript 实现滚动效果代码整理
1.先写两个最常用最简洁的滚动代码代码如下: 水平滚动: 水平滚动字幕内容垂直滚动: 垂直滚动字内容 2.平稳不间断滚动 var tm=null function newsScroll() { v ...
html中实现类似于弹幕的效果代码,javascript实现弹幕效果
javascript弹幕 #play{ width:600px; height:500px; background-color:#000; } #tangmu{ width:600px; height ...
计算器html js php代码,JavaScript计算器网页版实现代码分享
JavaScript网页计算器代码,该计算器是用DW写的! HTML篇计算器 > C ← ± + 7 8 9 - 4 5 6 × 1 2 3 ÷ 0 ▪ ＝ CSS篇 @charset &qu ...
html表单验证js代码,JavaScript表单验证实现代码
JavaScript 可用来在数据被送往服务器前对 HTML 表单中的这些输入数据进行验证 JavaScript 表单验证 JavaScript 可用来在数据被送往服务器前对 HTML 表单中的这些输 ...
html中插入gif的代码,JavaScript插入动态样式实现代码
与动态脚本类似,所谓动态样式是指在页面刚加载时不存在的样式:动态样式是在页面加载完成后动态添加到页面中. 我们以下面这个典型的元素为例: 使用DOM代码可以很容易的动态创建出这个元素: var lin ...
php实现飘窗,JS实现网站图片飘窗效果，JavaScript悬浮广告（附详细代码）
原标题:JS实现网站图片飘窗效果,JavaScript悬浮广告(附详细代码) JS实现网站图片飘窗效果,Java悬浮广告,郑州SEO提供以下代码,仅供参考: 飘窗效果-丁光辉博客(www.dinggu ...
html实现开关,使用纯css实现开关效果
首先是构思我们使用标签来实现这个效果. checkbox的选中.未选中的特性,刚好对应开关的打开.关闭 on:打开 off:关闭未选中,则关闭开关选中,则打开开关开始画出off.on状态的草图 ...
html数字动画效果,原生JavaScript代码实现数字更新的动画效果
前言在很多数据统计类型网站的首页,经常会看到数据在动态的更新,而且会以动画的效果呈现. 今天这篇文章我们就来看看这个效果如何实现吧. 文中的代码已经放到github上了,感兴趣的同学可以自取.htt ...

php实现开关效果代码,JavaScript实现开关效果的代码分享

php实现开关效果代码,JavaScript实现开关效果的代码分享相关推荐

最新文章

热门文章