Advertisement

最基础的JS案例:轮播图的核心功能

阅读量:

1.HTML结构分析与优化

图片可替换为用户自行设定的图像内容

复制代码
    <!DOCTYPE html>
    <html lang="en">
    <head>
      <meta charset="UTF-8">
      <meta http-equiv="X-UA-Compatible" content="IE=edge">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <title>轮播图</title>
      <link rel="stylesheet" href="./css/swiper.css">
      <script src="./js/animate.js"></script>
      <script src="./js/swiper.js"></script>
    </head>
    <body>
      <div id="swiper-wrap">
    <!-- 轮播图 -->
    <ul class="img-container">
      <li><img src="./img/slideshow_01.JPG" alt=""></li>
      <li><

全部评论 (0)

还没有任何评论哟~