<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>jquery宽屏焦点图片动画轮播代码 - 网页模板</title>
<link rel="stylesheet" type="text/css" href="css/main.css" id="main-css">
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/rev-setting-1.js"></script>
<script type="text/javascript" src="rs-plugin/js/jquery.themepunch.revolution.min.js"></script>
</head>
<body>
<div class="fullwidthbanner-container">
<div id="revolution-slider">
<ul>
<li data-transition="fade" data-slotamount="10" data-masterspeed="300" data-thumb="images-slider/thumbs/thumb1.jpg">
<!-- BACKGROUND IMAGE -->
<img src="images-slider/wide3.jpg" alt="" />
<!-- THE CAPTIONS IN THIS SLIDE -->
<div class="tp-caption sfl"
data-x="-130"
data-y="150"
data-speed="300"
data-start="300"
data-easing="easeOutBack">
<img src="images-slider/rb.png" alt="">
</div>
<div class="tp-caption med-white lfl"
data-x="0"
data-y="145"
data-speed="300"
data-start="800"
data-easing="easeOutExpo">
Inspira designed for
</div>
<div class="caption sfb very-big-white"
data-x="0"
data-y="190"
data-speed="300"
data-start="1200"
data-easing="easeOutExpo">
winner
</div>
<div class="tp-caption small-white lfr"
data-x="0"
data-y="255"
data-speed="300"
data-start="1600"
data-easing="easeOutExpo">
<a href="#" class="btn btn-large btn-primary">Purchase Now</a>
</div>
<div class="tp-caption lfb"
data-x="390"
data-y="40"
data-speed="1000"
data-start="2000"
data-easing="easeOutExpo"
data-endeasing="fade"
>
<img src="images-slider/guy-shadow.png" alt="">
</div>
<div class="tp-caption small-white lft"
data-x="240"
data-y="0"
data-speed="2000"
data-start="2600"
data-easing="easeOutExpo">
<img src="images-slider/spotlight.png" alt="">
</div>
<div class="tp-caption fade"
data-x="390"
data-y="40"
data-speed="2000"
data-start="2600"
data-easing="easeOutExpo">
<img src="images-slider/guy.png" alt="">
</div>
</li>
<!-- THE FIRST SLIDE -->
<li data-transition="fade" data-slotamount="10" data-masterspeed="300" data-thumb="images-slider/thumbs/thumb1.jpg">
<!-- BACKGROUND IMAGE -->
<img src="images-slider/wide1.jpg" alt="" />
<!-- THE CAPTIONS IN THIS SLIDE -->
<div class="caption large_text sfb"
data-x="300"
data-y="207"
data-speed="300"
data-start="800"
data-easing="easeOutExpo">
<img src="images-slider/our-features.png" alt="">
</div>
<div class="tp-caption sfr"
data-x="220"
data-y="115"
data-speed="300"
data-start="1000"
data-easing="easeOutBack">
<img src="images-slider/lu.png" alt="">
</div>
<div class="tp-caption sfr"
data-x="110"
data-y="85"
data-speed="300"
data-start="1200"
data-easing="easeOutBack">
<img src="images-slider/clean.png" alt="">
</div>
<div class="tp-caption sfr"
data-x="180"
data-y="217"
data-speed="300"
data-start="1400"
data-easing="easeOutBack">
<img src="images-slider/lm.png" alt="">
</div>
<div class="tp-caption sfr"
data-x="0"
data-y="217"
data-speed="300"
data-start="1600"
data-easing="easeOutBack">
<img src="images-slider/responsive.png" alt="">
</div>
<div class="tp-caption sfr"
data-x="220"
data-y="285"
data-speed="300"
data-start="1800"
data-easing="easeOutBack">
<img src="images-slider/lb.png" alt="">
</div>
<div class="tp-caption sfr"
data-x="40"
data-y="345"
data-speed="300"
data-start="2000"
data-easing="easeOutBack">
<img src="images-slider/bootstrap.png" alt="">
</div>
<div class="tp-caption sfl"
data-x="625"
data-y="115"
data-speed="300"
data-start="2200"
data-easing="easeOutBack">
<img src="images-slider/ru.png" alt="">
</div>
<div class="tp-caption sfl"
data-x="730"
data-y="85"
data-speed="300"
data-start="2400"
data-easing="easeOutBack">
<img src="images-slider/solid.png" alt="">
</div>
<div class="tp-caption sfl"
data-x="650"
data-y="217"
data-speed="300"
data-start="2600"
data-easing="easeOutBack">
<img src="images-slider/rm.png" alt="">
</div>
<div class="tp-caption sfl"
data-x="770"
data-y="217"
data-speed="300"
data-start="2800"
data-easing="easeOutBack">
<img src="images-slider/lightweight.png" alt="">
</div>
<div class="tp-caption sfl"
data-x="625"
data-y="285"
data-speed="300"
data-start="3000"
data-easing="easeOutBack">
<img src="images-slider/rb.png" alt="">
</div>
<div class="tp-caption sfl"
data-x="730"
data-y="345"
data-speed="300"
data-start="3200"
data-easing="easeOutBack">
<img src="images-slider/fresh.png" alt="">
</div>
</li>
<li data-transition="fade" data-slotamount="10" data-masterspeed="300" data-thumb="images-slider/thumbs/thumb1.jpg">
<!-- BACKGROUND IMAGE -->
<img src="images-slider/wide2.jpg" alt="" />
<!-- THE CAPTIONS IN THIS SLIDE -->
<div class="tp-caption sfl"
data-x="-130"
data-y="100"
data-speed="300"
data-start="300"
data-easing="easeOutBack">
<img src="images-slider/rb.png" alt="">
</div>
<div class="caption sfb"
data-x="0"
data-y="130"
data-speed="300"
data-start="800"
data-easing="easeOutExpo">
<img src="images-slider/inspira.png" alt="">
</div>
<div class="tp-caption med-white sfl"
data-x="0"
data-y="220"
data-speed="300"
data-start="1000"
data-easing="easeOutExpo">
Most Complete Template Ever
</div>
<div class="tp-caption small-white sfr"
data-x="0"
data-y="260"
data-speed="300"
data-start="1200"
data-easing="easeOutExpo">
<a href="#" class="btn btn-large btn-primary">Purchase Now</a>
</div>
<div class="tp-caption small-white lfb"
data-x="300"
data-y="40"
data-speed="1000"
data-start="1400"
data-easing="easeOutExpo">
<img src="images-slider/slider-10.png" alt="" />
</div>
</li>
</ul>
</div>
</div>
<div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';">
<p>适用浏览器:IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗. </p>
<p>来源:<a href="http://www.moobnn.com/" target="_blank">网页模板</a></p>
</div>
</body>
</html>
没有合适的资源?快使用搜索试试~ 我知道了~
jquery宽屏焦点图片动画轮播代码.zip
共76个文件
png:46个
css:15个
jpg:7个
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 105 浏览量
2022-11-21
11:32:48
上传
评论
收藏 1.4MB ZIP 举报
温馨提示
jquery宽屏焦点图片动画轮播代码.zip
资源推荐
资源详情
资源评论
收起资源包目录
jquery宽屏焦点图片动画轮播代码.zip (76个子文件)
jquery宽屏焦点图片动画轮播代码
jiaoben2963
css
colors
green-b.css 638B
yellow.css 618B
blue.css 618B
green.css 618B
red.css 618B
grey.css 618B
pink.css 618B
orange.css 616B
lime.css 620B
purple.css 618B
aqua.css 618B
bootstrap.css 130KB
rev-settings.css 1KB
main.css 1KB
index.html 7KB
js
jquery.min.js 92KB
rev-setting-1.js 3KB
images-slider
wide2.jpg 82KB
guy-shadow.png 13KB
wide5.jpg 57KB
spotlight.png 14KB
lm.png 4KB
macbook.png 175KB
wide3.jpg 86KB
responsive.png 2KB
bootstrap.png 2KB
our-features.png 3KB
inspira.png 3KB
slider-10.png 187KB
ru.png 4KB
wide6.jpg 36KB
rm.png 4KB
lightweight.png 2KB
wide1.jpg 88KB
guy.png 228KB
lb.png 4KB
imac.png 157KB
lu.png 4KB
fresh.png 2KB
rb.png 4KB
wide4.jpg 46KB
solid.png 2KB
clean.png 2KB
rs-plugin
css
settings.css 27KB
images
gradient
g30.png 42KB
g40.png 41KB
Thumbs.db 4KB
assets
navigdots.png 743B
loader.gif 2KB
bullets.png 1KB
arrowleft.png 43KB
bullet.png 2KB
boxed_bgtile.png 3KB
bullets2.png 278B
shadow2.png 6KB
small_right.png 668B
small_left_boxed.png 846B
Descr.WD3 2KB
bullet_boxed.png 924B
arrow_right2.png 343B
navigdots_bgtile.png 149B
arrow_left.png 807B
Thumbs.db 35KB
small_left.png 670B
small_right_boxed.png 807B
shadow1.png 4KB
coloredbg.png 184B
shadow3.png 6KB
large_left.png 1KB
arrow_right.png 820B
large_right.png 2KB
timer.png 125B
arrowright.png 43KB
arrow_left2.png 348B
js
jquery.themepunch.revolution.min.js 82KB
jquery宽屏焦点图片动画轮播代码.jpg 41KB
共 76 条
- 1
资源评论
芝麻粒儿
- 粉丝: 5w+
- 资源: 2万+
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功