华为荣耀3焦点图广告页面特效.zip资源-CSDN文库

共24个文件

js：9个

png：8个

css：3个

版权申诉

html5

jQuery

javascript

73 浏览量 2022-11-25 10:22:36 上传评论收藏 1009KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

华为荣耀3焦点图广告页面特效.zip （24个子文件）

华为荣耀3焦点图广告页面特效

华为荣耀3焦点图广告页面特效.jpg 56KB

jiaoben1997

css

settings.css 22KB

ie8.css 383B

style.css 54KB

images

slider-bg2.jpg 19KB

2-1.png 5KB

2-2.png 6KB

2-4.png 36KB

2-5.png 176KB

slider-bg1.jpg 187KB

phone.png 127KB

glb.png 7KB

2-3.png 9KB

women.png 306KB

index.html 4KB

jquery.js 91KB

jquery.isotope.min.js 16KB

jquery.themepunch.showbizpro.min.js 14KB

html5shiv.js 2KB

scripts.js 9KB

jquery.hoverdir.min.js 2KB

jquery.fancybox.pack.js 22KB

jquery.themepunch.plugins.min.js 15KB

jquery.themepunch.revolution.min.js 55KB

<!DOCTYPE html> <head> <meta charset="utf-8"> <title>华为荣耀3焦点图广告页面特效 - 网页模板</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="keywords" content="JS代码,JS代码大全,JS广告代码,Banner广告代码,焦点图轮播切换,JS带动画图片轮播特效,jQuery焦点图" /> <meta name="author" content=""> <link href="css/settings.css" rel="stylesheet"> <link href="css/style.css" rel="stylesheet"> <style> *{margin:0;padding:0;} </style>   </head> <body> <div class="body-wrapper"> <div class="box box-border"> <div class="light-wrapper"> <div class="container inner"> <div class="wide-bannercontainer revolution"> <div class="wide-banner"> <ul> <li data-transition="fade"> <img src="images/slider-bg1.jpg" alt="" /> <div class="caption sfl" data-x="510" data-y="195" data-speed="800" data-start="1200" data-easing="easeOutExpo"><img src="images/phone.png" alt="" /></div> <div class="caption sfb" data-x="212" data-y="68" data-speed="800" data-start="100" data-easing="easeOutExpo"><img src="images/women.png" alt="" /></div> <div class="caption sfl" data-x="20" data-y="237" data-speehttp://cdn.hi-honor.com/d="800" data-start="800" data-easing="easeOutExpo"><img src="images/glb.png" alt="" /></div> <div class="caption lfr big white" data-x="560" data-y="130" data-speed="600" data-start="1400" data-easing="easeOutExpo">两栖飙机王</div> </li> <li data-transition="fade"> <img src="images/slider-bg2.jpg" alt="" /> <div class="caption sfl" data-x="0" data-y="0" data-speed="300" data-start="200" data-easing="easeOutSine"><img src="images/2-4.png" alt="" /></div> <div class="caption lfr" data-x="631" data-y="39" data-speed="500" data-start="400" data-easing="easeOutSine"><img src="images/2-5.png" alt="" /></div> <div class="caption lfb" data-x="center" data-y="195" data-speed="700" data-start="1000" data-easing="easeOutExpo"><img src="images/2-1.png" alt="" /></div> <div class="caption lfb" data-x="center" data-y="236" data-speed="700" data-start="1200" data-easing="easeOutExpo"><img src="images/2-2.png" alt="" /></div> <div class="caption lfb" data-x="center" data-y="300" data-speed="700" data-start="1300" data-easing="easeOutExpo"><img src="images/2-3.png" alt="" /></div> </li> </ul> <div class="tp-bannertimer tp-bottom"></div> </div>  </div>  <div class="divide30"></div> </div> </div>  </div>  </div> </div> <script src="js/jquery.js"></script> <script src="js/jquery.themepunch.plugins.min.js"></script> <script src="js/jquery.themepunch.revolution.min.js"></script> <script src="js/jquery.themepunch.showbizpro.min.js"></script> <script src="js/jquery.fancybox.pack.js"></script> <script src="js/jquery.isotope.min.js"></script> <script src="js/jquery.hoverdir.min.js"></script> <script src="js/scripts.js"></script> <div style="text-align:center;clear:both"> <p>适用浏览器：IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗.</p><br> <p>来源：<a href="http://www.moobnn.com/" target="_blank">网页模板</a></p> </div> </body> </html>

评论收藏

内容反馈

版权申诉