js切换背景颜色

最新推荐文章于 2024-10-02 18:52:40 发布
最新推荐文章于 2024-10-02 18:52:40 发布
阅读量5.1k 收藏 3
点赞数
CC 4.0 BY-SA版权
文章标签： javascript ViewUI
原文链接：http://www.cnblogs.com/junyi-bk/p/11328903.html
本文提供了一段使用HTML和JavaScript实现网页背景颜色自动切换的代码示例，通过设置定时器，网页背景将在黄色和粉色之间自动切换。同时，代码中包含了一个按钮用于停止颜色切换效果。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>

<button onclick="stopColor()">停止切换</button>

<script>
var myVar = setInterval(function(){ setColor() }, 50);

function setColor() {
var x = document.body;
x.style.backgroundColor = x.style.backgroundColor == "yellow" ? "pink" : "yellow";
}

function stopColor() {
clearInterval(myVar);
}
</script>

</body>
</html>

转载于:https://www.cnblogs.com/junyi-bk/p/11328903.html

JS 案例 改变网页背景颜色
suiferq的博客
10-23 3196
改变网页背景颜色 代码片： // An highlighted block <title></title> <script type="text/javascript"> function color(str) { document.body.style.backgroundColor = str; } </script> </head> <body> <input type="button"
JS动态修改网页body的背景色实例代码
11-28
大部分网页默认的背景色为白色，个人感觉比较刺眼，于是写了个JS的脚本去改变body部分的背景色，代码如下： // ==UserScript== // @name ChangeBackgroundColor // @namespace tingl // @include * // @version 1 // @grant none // ==/UserScript== (function () { 'use strict'; var color = '#ececec'; var style; function createStyle() { style = d
【JS实战01】js实现背景颜色改变
大前端开发工程师、互联网方向创业者
09-03 6594
javaScript初级入门案例
JS 实现点击<a> 标签的时候给其换背景
weixin_30245867的博客
10-15 348
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <script type=text/javascript src="alabel.js"></script>...
JS基础练习|点击按钮更改背景色
最新发布
m0_69886881的博客
10-02 413
【代码】JS基础练习|点击按钮更改背景色。
vue实现点击按钮切换背景颜色的示例代码
10-15
在Vue.js中，我们可以轻松地实现点击按钮切换背景颜色的功能。这个功能主要依赖于Vue的数据绑定和事件处理机制。以下是对给定代码的详细解释： 1. **数据绑定**：在Vue中，我们使用`v-bind`指令来绑定HTML元素的...
JS实现按钮颜色切换效果
10-19
这里我们用到了两个样式属性：color和backgroundColor，分别对应字体颜色和元素的背景颜色。 此外，每个函数都包含了条件语句if(num==x)，其中x代表不同的按钮编号，通过这种方式我们可以在一个函数中区分多个不同...
css背景颜色透明背景图片切换效果
12-07
在提供的压缩包文件中，可能包含了HTML（index2.html、index3.html、index.html）、CSS（css目录）、图片（images目录）和JavaScript（js目录）文件，用于实现上述的背景颜色透明和图片切换效果。通过分析这些文件，...
JS控制按钮自动切换背景颜色(可暂停)
10-27
自动切换背景颜色的实现 文档中提到了通过JavaScript实现按钮背景颜色的自动切换功能。这通常涉及到使用JavaScript的定时器函数，如`setInterval`或`setTimeout`，来周期性地改变背景颜色。文件中引用的JavaScript...
JS实现点击颜色块切换指定区域背景颜色的方法
10-24
JS实现点击颜色块切换指定区域背景颜色的方法涉及到前端开发中的JavaScript编程技术，这包括操作DOM（文档对象模型）来动态地更改页面元素的样式，以及处理cookies来存储用户的选择。以下是从给定文件中提取的关键...
纯js实现背景图片切换效果代码
10-28
现在纯粹用js的人越来越少了，更多的人喜欢jquery，可使我还是喜欢javascript，下面给出一个用javascript写的背景切换的小例子，各位大虾不要骂，只是写给自己看的，也供js事件的产考依据。
利用鼠标点击事件改变页面的背景颜色
09-10
用Sublime Text文本编辑器编写 鼠标点击事件：页面显示的结果与鼠标点击的次数有关
js javascript 设置页面背景色,设置背景图片
热门推荐
xinxintai的专栏
12-01 2万+
New Document function update(temp) { if(temp == 'color') { document.body.style.backgroundColor="#FFFFFF";//改
js切换背景
qq_62336903的博客
04-05 434
我们通过获取所有的img元素，在给每个img元素添加一个点击事件，最后通过点击img标签将 img标签的src送给body的背景。 js部分 var img = document.querySelectorAll('img'); for (var i = 0; i < img.length; i++) { img[i].onclick = function() { document.body.style.backgro
利用JS切换背景图
weixin_33694172的博客
04-18 1525
2019独角兽企业重金招聘Python工程师标准>>> ...
JS背景图片切换
Harlynn_的博客
10-14 3275
Js实现背景图片切换（单线程问题） 实现目标： 点击页面中间的小图片，页面的背景就会变成相应的图片样式 思路 点击图片，获取到对应的图片的li元素 因为图片的名字是从1开始顺序命名的，所以可以通过获取的li元素的索引号来改变背景图片的地址名 将地址名改到body标签的backgroundImage属性中 实现代码 html代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"&
JS更换背景颜色
qq_38135191的博客
01-02 3967
更换背景颜色： 一、以下是更换背景颜色的测试案例（点击按钮、下拉框、单选、文字可以更换对应的背景颜色） 点击事件绑定函数，函数解析对应的id，表单是真丑，哈哈！ <!DOCTYPE HTML> <html> <head> <meta charset="UTF-8"> <title>切换背景颜色</title> ...
js 实现随机设置背景色的方法
YCHH1的博客
03-10 1547
<body> <button id="btn1">rgb 方法</button> <button id="btn2">十六进制 方法</button> <script> // 随机改变背景色的方法 var btn1 = document.getElementById("btn1"); var btn2 = document.getElementBy
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值