<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="gb2312">
<title>带缩略图选项卡jQuery焦点图 - 网页模板</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/flexslider.css">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<!-- Slider -->
<div class="slider">
<div class="container">
<div class="row">
<div class="span10 offset1">
<div class="flexslider">
<ul class="slides">
<li data-thumb="img/slider/1.jpg">
<img src="img/slider/1.jpg">
<p class="flex-caption">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et. Lorem ipsum dolor sit amet, consectetur.</p>
</li>
<li data-thumb="img/slider/2.jpg">
<img src="img/slider/2.jpg">
<p class="flex-caption">Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
</li>
<li data-thumb="img/slider/5.jpg">
<img src="img/slider/5.jpg">
<p class="flex-caption">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et. Lorem ipsum dolor sit amet, consectetur.</p>
</li>
<li data-thumb="img/slider/6.jpg">
<img src="img/slider/6.jpg">
<p class="flex-caption">Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!-- Javascript -->
<script src="js/jquery-1.8.2.min.js"></script>
<script src="js/jquery.flexslider.js"></script>
<script src="js/scripts.js"></script>
<div style="text-align:center;clear:both">
<p>适用浏览器：360、FireFox、Chrome、Safari、Opera、傲游、搜狗. 不支持IE8、世界之窗。</p>
<p>来源：<a href="http://www.moobnn.com/" target="_blank">网页模板</a></p>
</div>
</body>
</html>
带缩略图选项卡jQuery焦点图.zip
版权申诉
41 浏览量
2022-11-25
10:22:30
上传
评论
收藏 3.39MB ZIP 举报
带缩略图选项卡jQuery焦点图.zip （14个子文件） 
带缩略图选项卡jQuery焦点图 jiaoben1611 css 
flexslider.css 4KB style.css 1KB img slider 
2.jpg 688KB 1.jpg 548KB 6.jpg 461KB 3.jpg 570KB 5.jpg 356KB 4.jpg 667KB
slider-nav.png 916B
index.html 3KB js jquery-1.8.2.min.js 91KB scripts.js 134B jquery.flexslider.js 40KB 带缩略图选项卡jQuery焦点图.jpg 151KB资源评论
