【免费】第34章项目1-博客前端：封装库--轮播器1资源-CSDN文库

需积分: 0 125 浏览量 2022-08-03 17:12:16 上传评论收藏 313KB PDF 举报

资源详情

资源评论

资源推荐

第 34 章项目 1-博客前端：封装库--轮播器

学习要点：

1.问题所在

2.设置代码

主讲教师：李炎恢

官方博客：http://blog.yc60.com

合作网站：http://www.ibeifeng.com

本节课，我们使用动画功能来完成一组轮播器的功能，轮播器分为透明轮播器和上下滚

动轮播器，希望改变一个值可以切换这两种轮播器。

一．问题所在

二．设置代码

//HTML 代码

<div id="banner">

<img src="images/banner1.jpg" alt="轮播器第一张图" />

<img src="images/banner2.jpg" alt="轮播器第二张图" />

<img src="images/banner3.jpg" alt="轮播器第三张图" />

<ul>

<li class="banner1">●</li>

<li class="banner2">●</li>

<li class="banner3">●</li>

</ul>

<span>半透明黑条</span>

<strong>图片说明</strong>

</div>

//CSS 代码

#banner {

width:900px;

height:150px;

margin:10px 0;

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余4页未读，立即下载

评论0

内容反馈

张博士-体态康复

粉丝: 32
资源: 307

最新资源

资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！点击此处反馈

feedback-tip