点击更换背景颜色

最新推荐文章于 2024-07-04 20:21:08 发布
最新推荐文章于 2024-07-04 20:21:08 发布
阅读量293 收藏
点赞数
文章标签： d a j
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44569910/article/details/86544066
版权

     

开发工具：DW

关键技术：js

作者：陈溪

撰写时间：2019年1月18日

 

下面是一个简易的点击事件，首先给它一个div，在div里面给它一个id;在div标签里面给它一个p标签用来包裹input标签，在input标签里面给它一个button按钮和onclick点击事件。

 

接着再去js里面设置一下你想要的颜色：

这个页面就这样设置好了。

附件：本文发表链接备案

 
 
 

 

夜丶煙花更美
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
jquery鼠标点击改变控件的背景颜色
goadin的博客
05-13 1万+
记录一下：     $(function () {         //初始化控件，并注册事件         var clickItem = function () {             $(".itemID 子控件名称").css("background", "");             $(".itemID 子控件名称").mouseover(function (
js点击按钮更改背景颜色
qq_45902653的博客
07-05 2431
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>点击按钮更改背景颜色</title> <style> .body{ background-color:#fff; } .change{ background-color:#000; } </style> &lt.
实现点击Button，改变背景颜色（多个按钮互斥显示）
最新发布
【爱打盹的喵】的专栏
07-04 479
在界面中，有一组button，现在需要实现下面功能：点击其中一个，改变被点击button的背景颜色。当点击下一个之后，之前点击过的按钮背景颜色还原，当前被点击的button背景色又被改变。效果如下图：当点击了test1，test1的背景色变为了红色。再继续点击test2，test2的背景色变为了红色，而test1的背景色还原。
js实现点击按钮切换背景颜色
wj624的博客
07-14 7686
js实现点击切换背景颜色 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &l
网页换色。设置4个按钮，点击按钮网页背景变成对应的颜色
Lou__Lan的博客
10-29 1664
对通过document获取页面元素节点添加事件的考察。
利用鼠标点击事件改变页面的背景颜色
09-10
用Sublime Text文本编辑器编写 鼠标点击事件：页面显示的结果与鼠标点击的次数有关
js点击更换背景颜色或图片的实例代码
10-27
主要介绍了点击更换背景颜色或图片的js代码，需要的朋友可以参考一下
js实现点击按钮随机生成背景颜色
10-14
用户在浏览器中打开这个HTML文件，点击按钮“点击更换背景颜色”后，页面的背景颜色会立即变为一个新的随机颜色，颜色范围从`#000000`（黑色）到`#FFFFFF`（白色）。 ### 常见优化与拓展 - **颜色范围限制**：如果...
网站点击颜色按钮实现背景换肤效果
11-24
每个颜色主题都应该有一个对应的CSS类，包含背景颜色、文字颜色、边框等与主题相关的样式。这些样式可以写在单独的CSS文件中，或者内联在HTML元素中。例如，我们可以有`.theme-red`、`.theme-blue`等类。 3. **...
点击图标更换网页背景代码.rar
07-05
标题中的“点击图标更换网页背景代码”指的是一个JavaScript（JS）特效，用于实现用户点击某个图标后，网页的背景颜色发生改变。这个功能通常应用于网页个性化或者交互式设计，为用户提供更加动态和有趣的浏览体验。...
JS点击事件实现改变对应标签背景颜色
热门推荐
weixin_42924786的博客
08-09 3万+
今天同学提问的一个“JS实现的效果是点击对应的标签，起背景颜色变成红色，字体变成白色”，但是她的页面中只是字变了颜色，但是背景颜色去没有变化， 其截图如下： 经过页面的调试，发现并没有进入到循环里面，利用alert(cns.length);发现弹出的cns[]数组的长度为0个， 问题： 1、说明在document.getElementById(“nt4”).getElement...
JS之不断点击按钮来改变层的颜色
lishirong_李世荣的专栏
12-02 1394
级联测试 div.special{ background-color:red; height:50px; width:50px; margin-left:300px; } var n=1; function MyChoose(){ n++; if(n%2==0)MyChange(); if(n%2!=0)MyRestore(); } fu
js：点击按钮随机生成背景颜色
horizon12的博客
09-02 2268
通过点击按钮更换整个页面的背景颜色 代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style>
点击按钮随机更换页面背景颜色
CWHcwh123456的博客
04-10 2458
点击按钮随机 更换页面背景颜色 先准备一个按钮就像如图所示的那样 然后获取到刚刚的按钮并为按钮绑定点击事件。 并且弹出警告框来证明获取并绑定成功按钮。 效果展示: 点击按钮即可弹出警告框。 在点击事件里面声明三个变量去接收0-255的随机数 解释：因为RGB的颜色是0-255中的任意整数。 而Math.random()这个方法是0-1之间的随机数，包括小数 所以还要加上一个取整的方法。 Math.round()这个方法表示的是四舍五入取整。 鼠标点击时把随机数打印在控制台
个人js学习实例-点击按钮实现按钮背景色变化以及相对应的div变化
luckybuling
08-14 3069
效果： 代码： &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head lang="en"&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;&lt;/title&gt; &lt;style&gt; .box {
js 鼠标点击背景变色
weixin_44252186的博客
02-25 1399
我们可以使用onclick 方法 点击 通过 $(’#xx’).css(‘background’,’#f9f9f9’); 设置背景颜色属性。 //html 代码 <div id="exerciseresult" class="col-xl-12 col-lg-12"> <div id="header"> <div id="report"...
使用java语言实现点击按钮改变页面背景颜色
Maywsy的博客
12-25 1695
使用java语言实现点击按钮改变页面背景颜色
通过js实现切换背景颜色
vicky000001的博客
04-18 3878
【代码】通过js实现切换背景颜色。
实现微信小程序功能点击按钮更换背景颜色
05-18
要实现微信小程序的按钮点击更换背景颜色功能，可以按照以下步骤操作： 1. 在 wxml 文件中添加一个按钮元素，并设置其绑定事件，如下所示： ```html 点击更换背景颜色 ``` 2. 在 js 文件中编写事件处理函数 ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值