【swiper+audio】swiper轮播的同时，播放相应的音频

最新推荐文章于 2024-05-24 09:41:33 发布

fechild

最新推荐文章于 2024-05-24 09:41:33 发布

阅读量1.2k

点赞数 2

分类专栏： JavaScript基础入门文章标签： swiper 轮播-音频

本文链接：https://blog.csdn.net/cotexarm7/article/details/84796937

版权

1.代码，每次轮播会播放对应音频

<!DOCTYPE html>
<html>
<head>
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.2/css/swiper.min.css">
  <script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.2/js/swiper.min.js"></script>
  <style>
  * {
    margin: 0;
    padding: 0;
  }
  .compop-word-card-swiper {
    background: #5bba7f;
    font-family: PingFangSC-Regular,Avenir,Helvetica,Arial,sans-serif;
  }
  .compop-word-card-swiper .title{
    font-size: 18px;
    color: white;
    text-align: center;
    padding: 23px 0;
    text-align: center;
  }
  .compop-word-card-swiper .swiper-container {
    width: 100%;
    padding-bottom: 45px;
  }  
  .compop-word-card-swiper .swiper-sl

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

fechild

关注关注

2
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
【swiper+audio】swiper轮播的同时，播放相应的音频

1.代码，每次轮播会播放对应音频&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt; &lt;meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"&gt; &lt;link rel=&q
复制链接

扫一扫