JS——百度背景图
2024-08-31 01:12:30
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
*{
padding: 0;
margin: 0;
}
body{
background-image: url("image/1.jpg");
}
div{
margin-top: 10px;
padding-top: 50px;
height: 150px;
text-align: center;
background: rgba(255,255,255,0.3);
}
img{
width: 150px;
margin: 0 10px;
cursor: pointer;
}
</style>
</head>
<body>
<div>
<img src="data:image/1.jpg">
<img src="data:image/2.jpg">
<img src="data:image/3.jpg">
<img src="data:image/4.jpg">
<img src="data:image/5.jpg">
</div>
<script>
var imgArr=document.getElementsByTagName("img");
for (var i = 0; i < imgArr.length; i++) {
imgArr[i].onclick=function () {
document.body.style.backgroundImage="url("+this.src+")";
}
}
</script>
</body>
</html>
最新文章
- js验证输入的金钱格式
- CentOS7下安装chrome浏览器
- 微软职位内部推荐-SW Engineer II for Cloud Service
- Python学习资料汇总
- .NET微信公众号开发-3.0查询自定义菜单
- 资源绑定ResourceBundle
- NoSql数据库使用半年后在设计上面的一些心得 (转)
- Java进阶之多线程
- confd+etcd实现高可用自动发现
- 使用Golang搭建web服务
- JS检测浏览器是否最大化
- ant design环境搭建过程中遇到的问题--Windows-dva-cli
- 基于 OSGi 的面向服务的组件编程,helloworld
- Docker学习笔记之镜像与容器
- Angularjs中的Controller
- dom4j+XPath
- ubuntu安装openssh-server 报依赖错误的解决过程
- Spring Security使用心得
- [寒假学习笔记](一)Markdown语法学习
- access denied XXXXXXXXXXXX