<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
<link rel="icon" href="http://www.5imoban.net/favicon.ico" mce_href="http://www.5imoban.net/favicon.ico" type="image/x-icon">
<title>Swiper官网Swiper TFBOYS案例演示 - 我爱模板网 www.5imoban.net</title>
<link rel="stylesheet" href="css/swiper.min.css">
<link rel="stylesheet" href="css/style.css"></head>
<body>
<div class="banner">
<div class="swiper">
<div class="current-swiper swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide slide1">
<div class="title">TFBOYS成员、歌手、演员、主持人</div>
<div class="name">王源</div>
<p class="detail">2011年底成为TF家族练习生，2013年8月6日以组合形式出道。</p></div>
<div class="swiper-slide slide2">
<div class="title">TFBOYS成员、男歌手、影视演员</div>
<div class="name">王俊凯</div>
<p class="detail">2010年底成为TF家族练习生，一年后其他学员陆续退出，只有王俊凯坚持下来，TF家族因此得以存续。</p></div>
<div class="swiper-slide slide3">
<div class="title">TFBOYS成员、男歌手、舞者、演员</div>
<div class="name">易烊千玺</div>
<p class="detail">2005年首登电视荧屏，开始参演各类综艺节目</p></div>
</div>
</div>
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div>
<div class="nocurrent-swiper left-swiper swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide slide3">
<div class="title">TFBOYS成员、男歌手、舞者、演员</div>
<div class="name">易烊千玺</div>
<p class="detail">2005年首登电视荧屏，开始参演各类综艺节目</p></div>
<div class="swiper-slide slide1">
<div class="title">TFBOYS成员、歌手、演员、主持人</div>
<div class="name">王源</div>
<p class="detail">2011年底成为TF家族练习生，2013年8月6日以组合形式出道。</p></div>
<div class="swiper-slide slide2">
<div class="title">TFBOYS成员、男歌手、影视演员</div>
<div class="name">王俊凯</div>
<p class="detail">2010年底成为TF家族练习生，一年后其他学员陆续退出，只有王俊凯坚持下来，TF家族因此得以存续。</p></div>
</div>
</div>
<div class="nocurrent-swiper right-swiper swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide slide2">
<div class="title">TFBOYS成员、男歌手、影视演员</div>
<div class="name">王俊凯</div>
<p class="detail">2010年底成为TF家族练习生，一年后其他学员陆续退出，只有王俊凯坚持下来，TF家族因此得以存续。</p></div>
<div class="swiper-slide slide3">
<div class="title">TFBOYS成员、男歌手、舞者、演员</div>
<div class="name">易烊千玺</div>
<p class="detail">2005年首登电视荧屏，开始参演各类综艺节目</p></div>
<div class="swiper-slide slide1">
<div class="title">TFBOYS成员、歌手、演员、主持人</div>
<div class="name">王源</div>
<p class="detail">2011年底成为TF家族练习生，2013年8月6日以组合形式出道。</p></div>
</div>
</div>
</div>
</div>
<!-- Swiper JS -->
<script src="js/swiper.min.js"></script>
<script src="js/tfboys.min.js"></script>
<div style="text-align:center; padding-top: 50px">
<a href="http://www.5imoban.net" target="_blank" style="color:black">网页模板</a>
</div>
</body>
</html>
Swiper官网TFBOYS案例源码
需积分: 0 63 浏览量
2023-05-27
18:59:50
上传
评论
收藏 186KB ZIP 举报
Swiper官网Swiper TFBOYS案例源码.zip （12个子文件） 
Swiper官网Swiper TFBOYS案例源码 js 
tfboys-.js 631B tfboys.min.js 710B swiper.min.js 117KB css style.css 3KB swiper.min.css 19KB
index.html 4KB images 
curr_sectbg.png 2KB curr_prev.png 3KB
p2.jpg 48KB p3.jpg 74KB curr_next.png 3KB p1.jpg 42KB资源评论
