百度首页效果
<body>
<div class="logo">
<img src=".//imgs/bdlogo.gif" alt="">
</div>
<div class="nav">
<a href="#">新 闻</a> <strong>网 页<>
<a href="#">贴 吧</a>
<a href="#">知 道</a>
<a href="#">音 乐</a>
<a href="#">图 片</a>
<a href="#">视 频</a>
<a href="#">地 图</a>
</div>
<br />
<div class="sousou">
<input type="text" class="search"/>
<input type="button" value="百度一下" class="btn"/>
</div>
<br />
<br />
<div class="more">
<a href="#">百科</a>
<a href="#">文库</a> <a href="#">hao123</a> | <a href="#">更多>></a>
</div>
<br />
<div class="map">
<img src="..//h5/imgs/ic.jpg" alt="">
<a href="#">百度地图带你吃喝玩乐,全心全意为人民服务</a>
</div>
<br />
<br />
<div class="bottom">
<a href="#">把百度设为主页</a>
<a href="#">安装百度卫士</a> <br />
<a href="#">加入百度推广</a> |
<a href="#">搜索风云榜</a> |
<a href="#">关于百度</a> |
<a href="#">About Baidu</a>
</div>
<br />
</body>
百度换肤
<body>
<ul class="baidu">
<li><img src="imgs/1.jpg"></li>
<li><img src="imgs/2.jpg"></li>
<li><img src="imgs/3.jpg"></li>
<li><img src="imgs/4.jpg"></li>
</ul>
<script>
var imgs = document.querySelector('.baidu').querySelectorAll('img');
for (var i = 0; i < imgs.length; i++) {
imgs[i].onclick = function() {
document.body.style.backgroundImage = 'url(' + this.src + ')';
}
}
</script>
06-27
2969
![](https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png)
08-24
1万+
![](https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png)
08-15
555
![](https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png)
“相关推荐”对你有帮助么?
-
非常没帮助
-
没帮助
-
一般
-
有帮助
-
非常有帮助
提交