微信html5宣传动画资源-CSDN文库

共151个文件

png：139个

css：3个

jpg：3个

微信

html5

需积分: 12 16 浏览量 2017-10-08 10:15:22 上传评论 2 收藏 5.24MB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

微信html5宣传动画（151个子文件）

animate.min.css 57KB

swiper.min.css 17KB

main.css 6KB

music.gif 8KB

index.html 48KB

bg_02.jpg 101KB

bg_01.jpg 25KB

bg.jpg 15KB

swiper.min.js 94KB

jquery.js 82KB

swiper.animate1.0.2.min.js 2KB

01.mp3 3.64MB

png_01.png 44KB

png_06.png 41KB

time.png 36KB

bt.png 33KB

bt.png 31KB

quan.png 31KB

bt.png 31KB

ren.png 30KB

bt.png 30KB

quan_wai.png 28KB

png_02.png 28KB

txt_03.png 27KB

txt_04.png 27KB

txt_06.png 27KB

bt.png 27KB

png_04.png 26KB

png_02.png 26KB

quan_01.png 26KB

txt_05.png 25KB

png_01.png 25KB

txt_02.png 25KB

bt_02.png 25KB

txt_01.png 24KB

bt_01.png 24KB

txt_03.png 23KB

png_01.png 23KB

quan_nei.png 23KB

bt.png 23KB

bt_02.png 23KB

bt_01.png 23KB

png_01.png 23KB

png_03.png 23KB

PPT.png 23KB

txt_02.png 23KB

bt.png 23KB

quan_01.png 22KB

KD.png 22KB

txt_05.png 22KB

quan_02.png 22KB

bt_03.png 22KB

txt_02.png 22KB

png_02.png 22KB

txt_03.png 22KB

txt_01.png 21KB

quan_03.png 21KB

png_03.png 21KB

gao_up.png 21KB

gao_down.png 21KB

dian_01.png 21KB

png_03.png 21KB

bt.png 21KB

txt_01.png 21KB

zan.png 21KB

png_03.png 20KB

png_02.png 20KB

png_01.png 20KB

png_00.png 20KB

q_01.png 20KB

quan_04.png 20KB

png_01.png 20KB

png_02.png 20KB

q_04.png 20KB

bo.png 20KB

png_01.png 20KB

dian_03.png 20KB

bt.png 20KB

dian_02.png 20KB

2_1.png 19KB

png_05.png 19KB

png_06.png 19KB

down_02.png 19KB

png_02.png 19KB

down_01.png 19KB

jian.png 19KB

down_03.png 19KB

down_04.png 19KB

q_03.png 19KB

xian.png 18KB

q_02.png 18KB

line_02.png 18KB

line_01.png 18KB

bt.png 17KB

png_13.png 17KB

png_03.png 17KB

png_15.png 16KB

png_09.png 16KB

png_03.png 16KB

共 151 条

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="initial-scale=1.0, minimum-scale=1.0, user-scalable=0, width=device-width"/> <title></title> <link rel="stylesheet" href="css/animate.min.css" /> <link rel="stylesheet" type="text/css" href="css/swiper.min.css"/> <link rel="stylesheet" href="css/main.css" /> <script src="js/jquery.js"></script> <script type="text/javascript" src="js/swiper.min.js" ></script> <script type="text/javascript" src="js/swiper.animate1.0.2.min.js" ></script> </head> <body> <audio loop src="01.mp3" id="audio" autoplay="" preload="auto"></audio> <div class="music"><img class="music-img ro" src="images/music.png"><div class="music-p"><img src="images/music.gif"></div></div> <div class="wrap"> <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="page_01"> <div class="page_01_01"><img src="images/1/bg_01.jpg" class="ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="0.5s" swiper-animate-delay="0s"></div> <div class="page_01_01" style="-webkit-animation:op 4s linear 0s infinite;"><img src="images/1/dianzhui.png" class="ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0.2s"></div> <div class="page_01_02"><img src="images/1/bg_02.jpg" class="ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0s"></div> <div class="page_01_03"><img src="images/1/bt.png" class="ani" swiper-animate-effect="bounceIn" swiper-animate-duration="0.5s" swiper-animate-delay="0s"></div> <div class="page_01_06 ani" swiper-animate-effect="bounceIn" swiper-animate-duration="0.5s" swiper-animate-delay="0.5s"></div> <div class="page_01_07 ani" swiper-animate-effect="bounceIn" swiper-animate-duration="0.5s" swiper-animate-delay="0.6s"></div> <div class="page_01_08 ani" swiper-animate-effect="bounceIn" swiper-animate-duration="0.5s" swiper-animate-delay="0.7s"></div> <div class="page_01_04" style="-webkit-animation:qw 8s linear 0s infinite;"><img src="images/1/quan_wai.png" class="ani" swiper-animate-effect="bounceIn" swiper-animate-duration="0.5s" swiper-animate-delay="0.4s"></div> <div class="page_01_05" style="-webkit-animation:qn 10s linear 0s infinite;"><img src="images/1/quan_nei.png" class="ani" swiper-animate-effect="bounceIn" swiper-animate-duration="0.5s" swiper-animate-delay="0.2s"></div> <div class="page_01_09 ani" style="top:68.5%;" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="0.8s"><img src="images/1/line_01.png"></div> <div class="page_01_09 ani" style="top:69.5%;" swiper-animate-effect="fadeInRight" swiper-animate-duration="0.5s" swiper-animate-delay="0.8s"><img src="images/1/line_02.png"></div> <div class="page_01_09 ani" style="top:60%;" swiper-animate-effect="fadeInDown" swiper-animate-duration="0.5s" swiper-animate-delay="0.9s"><img src="images/1/time.png"></div> <div class="page_01_10 ani" swiper-animate-effect="rotateInDownRight" swiper-animate-duration="0.5s" swiper-animate-delay="0.5s"><img src="images/1/xian.png"></div> <div class="page_01_11 ani" swiper-animate-effect="rotateInUpLeft" swiper-animate-duration="0.5s" swiper-animate-delay="0.5s"><img src="images/1/xian.png"></div> <div class="go"><img src="images/go.png" class="ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="0.5s" swiper-animate-delay="1s"></div> </div> </div> <div class="swiper-slide"> <div class="page_02"> <div class="page_02_01" style="top:0;"><img src="images/gao_up.png" class="ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="0.3s" swiper-animate-delay="0s"></div> <div class="page_02_01" style="bottom:0;"><img src="images/gao_down.png" class="ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.3s" swiper-animate-delay="0s"></div> <div class="page_02_02"><img src="images/2/bt.png" class="ani" swiper-animate-effect="rotateIn" swiper-animate-duration="0.5s" swiper-animate-delay="0s"></div> <div class="page_02_03 ani" style="top:44%;" swiper-animate-effect="bounceOut" swiper-animate-duration="0.5s" swiper-animate-delay="3s"><img src="images/2/bt_01.png" class="ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0.2s"></div> <div class="page_02_03 ani" style="top:52%;" swiper-animate-effect="bounceOutLeft" swiper-animate-duration="0.5s" swiper-animate-delay="3.2s"><img src="images/2/txt_01.png" class="ani" swiper-animate-effect="bounceInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="0.4s"></div> <div class="page_02_03 ani" style="top:60%;" swiper-animate-effect="bounceOutRight" swiper-animate-duration="0.5s" swiper-animate-delay="3.4s"><img src="images/2/txt_02.png" class="ani" swiper-animate-effect="bounceInRight" swiper-animate-duration="0.5s" swiper-animate-delay="0.6s"></div> <div class="page_02_03 ani" style="top:68%;" swiper-animate-effect="bounceOutLeft" swiper-animate-duration="0.5s" swiper-animate-delay="3.6s"><img src="images/2/txt_03.png" class="ani" swiper-animate-effect="bounceInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="0.8s"></div> <div class="page_02_03" style="top:44%;"><img src="images/2/bt_02.png" class="ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="0.5s" swiper-animate-delay="3.8s"></div> <div class="page_02_04"><img src="images/2/png_01.png" class="ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="4s"></div> <div class="page_02_04"><img src="images/2/png_02.png" class="ani" swiper-animate-effect="bounceInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="4.2s"></div> <div class="page_02_04"><img src="images/2/png_03.png" class="ani" swiper-animate-effect="bounceInRight" swiper-animate-duration="0.5s" swiper-animate-delay="4.4s"></div> <div class="page_02_04"><img src="images/2/png_04.png" class="ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="0.5s" swiper-animate-delay="4.6s"></div> <div class="page_02_04"><img src="images/2/png_05.png" class="ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="4.8s"></div> <div class="page_02_04"><img src="images/2/png_06.png" class="ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="5s"></div> <div class="go"><img src="images/go.png" class="ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="0.5s" swiper-animate-delay="5s"></div> </div> </div> <div class="swiper-slide"> <div class="page_02"> <div class="page_02_01" style="top:0;"><img src="images/gao_up.png" class="ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="0.3s" swiper-animate-delay="0s"></div> <div class="page_02_01" style="bottom:0;"><img src="images/gao_down.png" class="ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.3s" swiper-animate-delay="0s"></div> <div class="page_02_02"><img src="images/3/bt.png" class="ani" swiper-animate-effect="bounceIn" swiper-animate-duration="0.5s" swiper-animate-delay="0s"></div> <div class="page_03_01 ani" swiper-animate-effect="bounceOut" swiper-animate-duration="0.5s" swiper-animate-delay="3.6s"><img src="images/3/quan_01.png" class="ani" swiper-animate-effect="bounceIn" swiper-animate-duration="0.5s" swiper-animate-delay="0.2s"></div> <div class="page_03_01 ani" swiper-animate-effect="bounceOut" swiper-animate-duration="0.5s" swiper-animate-delay="3.4s"><img src="

评论收藏

内容反馈