当前位置: 首页 > news >正文

陕西住房和城乡建设厅中心网站怎么查询最新网站

陕西住房和城乡建设厅中心网站,怎么查询最新网站,甘肃省建设厅网站质监局,胶南网站建设需求&#xff1a;用户第一次点击某些元素&#xff0c;改变元素的某些样式&#xff0c;比如背景颜色&#xff0c;字体颜色。用户第二次点击某些元素&#xff0c;恢复之前的样式。.....思路&#xff1a;准备一定量的div盒子&#xff0c;并取相同的类名<div class"box&quo…

需求:

用户第一次点击某些元素,改变元素的某些样式,比如背景颜色,字体颜色。

用户第二次点击某些元素,恢复之前的样式。

.....


思路:

  1. 准备一定量的div盒子,并取相同的类名

<div class="box" ></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
  1. 通过js获取所有元素,并给定指令。使得点击任意一个盒子,都可随意改变原有样式,而不影响其他盒子

  1. 判断,如果当前点击的盒子背景被改变,则再点击当前盒子背景恢复。


效果:

代码实现:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<style>
.box {
width: 50px;
height: 50px;
background-color: aqua;
margin: 5px;
}
</style>
<body>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<script>
let box = document.querySelectorAll(".box");
for (let i = 0; i < box.length; i++) {
box[i].onclick = function() {
if (box[i].style.background == '' || box[i].style.background == undefined) {
box[i].style.background = 'red'
} else {
if (box[i].style.background == 'red') {
box[i].style.background = 'aqua'
} else if (box[i].style.background == 'aqua') {
box[i].style.background = 'red'
}
}
}
}
</script>

</body>
</html>
http://www.15wanjia.com/news/40428.html

相关文章:

  • 导购网站模板免费下载河北seo基础教程
  • 做创意小视频的网站营销的手段和方法
  • 网文封面制作网站免费的网站域名查询
  • 成都网站建设电话建网站的详细步骤
  • 做网站销售 优帮云万能搜索引擎入口
  • 吉林省四平市网站建设网络营销顾问
  • 牌具做网站可以吗最好的搜索引擎排名
  • 最大的做网站公司百度分析
  • 移动网站开发书籍湛江seo
  • dreamwearver做网站地图谷歌浏览器下载app
  • 网站网页制作教程站长网站优化公司
  • h5做商城网站新闻网最新消息
  • 做相亲网站需要什么流程360建站和凡科哪个好
  • 智能建站服务平台新闻头条 今天
  • 网站推广入口北京网站优化平台
  • 品牌网十大品牌排行榜百度seo公司哪家最好
  • 石家庄网站建设雨点牛营销策划公司排行榜
  • 网站ui标准爱站工具包怎么使用
  • 沈阳优化网站全网营销推广 好做吗
  • wordpress 获取文章时间seo网站优化服务合同
  • 网站程序定制电影站的seo
  • 网站制作网站seo顾问公司
  • 网站开发目录结构竞价是什么工作
  • 网站建设和维护岗位的职责ip域名查询网
  • 网站建设和优化搜索引擎排名机制
  • 浦东新区手机网站设计百度识图网页入口
  • 哪个网站做简历免费怎么做好seo内容优化
  • 我想开网站安徽关键词seo
  • 六安论坛百姓杂谈站长seo软件
  • 沈阳网站建设那家好广州网络推广哪家好