首页-轮播图 |学习笔记

简介: 快速学习 首页-轮播图

开发者学堂课程【移动 Web 前端开发:首页-轮播图 】学习笔记,与课程紧密联系,让用户快速学习知识。

课程地址:https://developer.aliyun.com/learning/course/594/detail/8406


首页-轮播图


轮播图

在 index 中导入所需轮播图片,

<!-轮播图-->

<div class=" sn_ banner">

<ul>

<li><a href="#"><img src="images/bannere1.jpg" alt=""/></a></1i>

<li><a href="#"><img src=" images/banner02.jpg" alt="*/></a></1i>

……//连续导入其他图片

</ul>

<ul>

<li class="now"></li>

<li></li>

<li></li>

……

</ul>

最终代码效果如下,

image.png

相关文章
|
移动开发 前端开发 HTML5
HTML基础知识(一)
HTML基础知识(一)
114 0
|
C++
c++类和对象一静态成员的讲解
c++类和对象一静态成员的讲解
124 0
c++类和对象一静态成员的讲解
|
自然语言处理 监控 算法
基于PaddleHub的Fine-tune讯飞医疗搜索意图识别(上)
基于PaddleHub的Fine-tune讯飞医疗搜索意图识别(上)
440 0
基于PaddleHub的Fine-tune讯飞医疗搜索意图识别(上)
|
内存技术
蓝桥杯嵌入式之 Keil 仿真与调试
蓝桥杯嵌入式之 Keil 仿真与调试
766 1
|
Dubbo Java 应用服务中间件
在低容错业务场景下落地微服务的实践经验
禾连健康成立于 2014 年,是一家从体检场景切入的健康管理服务公司。对于医院,禾连提供的是围绕体检检前、检中、检后的一套 SaaS 服务;对于企业,提供的是团体体检、健康管理,李锦记、普华永道都是禾连的客户;对于家庭,提供的则是健康管理 APP。目前,禾连已经覆盖全国 200 多个城市,2000 多家医院。
在低容错业务场景下落地微服务的实践经验
|
XML 开发框架 Java
J2EE之自定义标签库的使用02
J2EE之自定义标签库的使用02
115 0
|
Java Shell Android开发
支付宝二维码脱机认证库在android的app下测试过程记录
支付宝二维码脱机认证库在android的app下测试过程记录
|
机器学习/深度学习 算法 vr&ar
DeepMind将范畴论、抽象代数组合,发现GNN与DP之间的联系
DeepMind将范畴论、抽象代数组合,发现GNN与DP之间的联系
180 0
|
文字识别
【数图大作业】基于模板匹配的文字识别(三)(空格识别+模板匹配)
【数图大作业】基于模板匹配的文字识别(三)(空格识别+模板匹配)
|
Web App开发 JavaScript 前端开发
从规范去看Function.prototype.call到底是怎么工作的?
从规范去看Function.prototype.call到底是怎么工作的?
从规范去看Function.prototype.call到底是怎么工作的?