Swiper中文论坛
标题:
h5切换
[打印本页]
作者:
844682916@qq.co
时间:
2018-11-27 11:37
标题:
h5切换
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="Keywords" Content="找车 找泵 砼车帮">
<meta name="Description" Content="找车 找泵 砼车帮">
<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<title>砼车邦ERP一个单纯的撩机小指引，戳进来！</title>
<!--<link rel="shortcut icon" href="../favicon.ico"/>
<link rel="bookmark" href="../favicon.ico"/>-->
<link rel="stylesheet" type="text/css" href="styles/base.css" />
<link rel="stylesheet" type="text/css" href="styles/swiper-4.2.2.min.css">
<link rel="stylesheet" type="text/css" href="styles/animate.min.css">
<link rel="stylesheet" type="text/css" href="styles/main02.css">
<script type="text/javascript" src="scripts/rem.js"></script>
</head>
<body>
<div id='wx_logo' style='margin:0 auto;display:none;'>
<img src='imgs/icon.jpg' width="0" height="0" />
</div>
<div class="content_outer">
<a class="music-icon music-play"></a>
<audio id="bgAudio" autoplay="" loop="loop">
</audio>
<div class="loading-page">
<div class="loader">
<span></span>
<p class="percentage">0%</p>
</div>
</div>
<div class="swiper-container" id="content_wrap">
<div class="swiper-wrapper">
<!-- slideitem01 -->
<div class="swiper-slide item01">
<div data-background="imgs/index_main.jpg" class="index_top swiper-lazy ani fadeIn animated" swiper-animate-effect="fadeIn" swiper-animate-duration="0.3s" swiper-animate-delay="0s">
<img src="" data-src="imgs/index_logo.png" alt="" title="" class="swiper-lazy ani fadeInRight animated" swiper-animate-effect="fadeInRight" swiper-animate-duration="0.2s" swiper-animate-delay="0.3s">
<div class="swiper-lazy-preloader"></div>
</div>
<div class="index_main">
<div class="tit01">
<img src="" data-src="imgs/title01.png" alt="" title="" class="swiper-lazy ani fadeInLeft animated" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="0.5s">
<div class="swiper-lazy-preloader"></div>
</div>
<div class="tit02 ani fadeInRight animated" swiper-animate-effect="fadeInRight" swiper-animate-duration="0.5s" swiper-animate-delay="1s"><span><img src="" data-src="imgs/title02.png" alt="" title="" class="swiper-lazy"></span></div>
<p>找车 找泵 砼车帮</p>
<p class="swiper-lazy ani fadeIn animated" swiper-animate-effect="fadeIn" swiper-animate-duration="0.5s" swiper-animate-delay="1.5s"></p>
</div>
</div>
<!-- slideitem02 -->
<div class="swiper-slide item02">
<div class="top">
<div>
<img src="" data-src="imgs/index_logo.png" alt="" title="" class="swiper-lazy ani bounceInDown animated" swiper-animate-effect="bounceInDown" swiper-animate-duration="0.3s" swiper-animate-delay="0s">
<div class="swiper-lazy-preloader"></div>
</div>
<div>
<img src="" data-src="imgs/saoma.jpg" alt="" title="" class="swiper-lazy ani zoomIn animated" swiper-animate-effect="zoomIn" swiper-animate-duration="0.6s" swiper-animate-delay="0.3s">
<div class="swiper-lazy-preloader"></div>
</div>
</div>
<div class="main">
<div class="showTitle">
<img src="" data-src="imgs/textb01.png" alt="" title="" class="swiper-lazy ani bounceInLeft animated" swiper-animate-effect="bounceInLeft" swiper-animate-duration="0.5s" swiper-animate-delay=".9s">
<div class="swiper-lazy-preloader"></div>
</div>
<div class="showArea">
<img src="" data-src="imgs/picb01.png" alt="" title="" class="swiper-lazy ani bounceInUp animated" swiper-animate-effect="bounceInUp" swiper-animate-duration="0.5s" swiper-animate-delay="1.4s">
<div class="swiper-lazy-preloader"></div>
</div>
</div>
</div>
<!-- slideitem03 -->
<div class="swiper-slide item03">
<h2 class="miantit ani fadeIn animated" swiper-animate-effect="fadeIn" swiper-animate-duration="0.3s" swiper-animate-delay="0s"><span class="">BOSS</span></h2>
<h2 class="maintit_sub pt35">
<img class="swiper-lazy ani fadeInDown animated" src="" data-src="imgs/check_tit.png" alt="" title="" swiper-animate-effect="fadeInDown" swiper-animate-duration="0.5s" swiper-animate-delay="0.3s">
<div class="swiper-lazy-preloader"></div>
</h2>
<div class="check_info01">
<div>
<img src="" data-src="imgs/picdc01.gif" alt="" title="" class="swiper-lazy ani fadeInLeft animated" alt="" title="" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="0.8s">
<div class="swiper-lazy-preloader"></div>
</div>
<div>
<img src="" data-src="imgs/picdc02.png" alt="" title="" class="swiper-lazy ani fadeInRight animated" alt="" title="" swiper-animate-effect="fadeInRight" swiper-animate-duration="0.5s" swiper-animate-delay="1.3s">
<div class="swiper-lazy-preloader"></div>
<img src="" data-src="imgs/picdc03.png" alt="" title="" class="swiper-lazy ani fadeInRight animated" alt="" title="" swiper-animate-effect="fadeInRight" swiper-animate-duration="0.5s" swiper-animate-delay="1.8s">
<div class="swiper-lazy-preloader"></div>
</div>
</div>
<div class="check_info02">
<img src="" data-src="imgs/picdc04.png" alt="" title="" class="swiper-lazy ani fadeInRight animated" alt="" title="" swiper-animate-effect="fadeInRight" swiper-animate-duration="0.5s" swiper-animate-delay="2.3s">
<div class="swiper-lazy-preloader"></div>
</div>
<h2 class="maintit_sub maintit_sub02">
<img class="swiper-lazy ani fadeInDown animated" src="" data-src="imgs/titledc01.png" alt="" title="" swiper-animate-effect="fadeInDown" swiper-animate-duration="0.5s" swiper-animate-delay="2.8s">
<div class="swiper-lazy-preloader"></div>
</h2>
<div class="dataInfo01">
<img class="swiper-lazy ani zoomIn animated" src="" data-src="imgs/picdc05.gif" alt="" title="" swiper-animate-effect="zoomIn" swiper-animate-duration="0.5s" swiper-animate-delay="3.3s">
<div class="swiper-lazy-preloader"></div>
</div>
<h2 class="maintit_sub maintit_sub03">
<img class="swiper-lazy ani fadeInLeft animated" src="" data-src="imgs/bigEvents_tit.png" alt="" title="" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="3.8s">
<div class="swiper-lazy-preloader"></div>
</h2>
<div class="events_info clearfix">
<div class="events01_lf">
<img class="events01_pic01 swiper-lazy ani fadeInLeft animated" src="" data-src="imgs/bigEvents_pic01.png" alt="" title="" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="4.3s">
<img class="events01_intro01 swiper-lazy ani fadeInRight animated" src="" data-src="imgs/bigEvents_intro01.png" alt="" title="" swiper-animate-effect="fadeInRight" swiper-animate-duration="0.5s" swiper-animate-delay="4.8s">
<img class="events01_intro02 swiper-lazy ani fadeInRight animated" src="" data-src="imgs/bigEvents_intro02.png" alt="" title="" swiper-animate-effect="fadeInRight" swiper-animate-duration="0.5s" swiper-animate-delay="5.3s">
<img class="events01_point swiper-lazy ani fadeIn animated" src="" data-src="imgs/events_point01.gif" alt="" title="" swiper-animate-effect="fadeIn" swiper-animate-duration="0.5s" swiper-animate-delay="5.8s">
</div>
<div class="events01_rh">
<img class="events01_pic02 swiper-lazy ani fadeInRight animated" src="" data-src="imgs/bigEvents_pic02.png" alt="" title="" swiper-animate-effect="fadeInRight" swiper-animate-duration="0.5s" swiper-animate-delay="5.8s">
</div>
<div class="clearfix"></div>
<div class="events01_detail01">
<img class="events01_pic03 swiper-lazy ani fadeInLeft animated" src="" data-src="imgs/bigEvents_pic03.png" alt="" title="" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="6.3s">
<img class="events01_detail_point swiper-lazy ani fadeInLeft animated" src="" data-src="imgs/events_point02.gif" alt="" title="" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="6.8s">
</div>
<div class="events01_detail02">
<img class="events01_pic04 swiper-lazy ani fadeInLeft animated" src="" data-src="imgs/bigEvents_pic04.png" alt="" title="" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="7.3s">
</div>
</div>
<div class="subtit_center">
<img class="swiper-lazy ani bounceIn animated" src="" data-src="imgs/titlemaindc.png" alt="" title="" swiper-animate-effect="bounceIn" swiper-animate-duration="0.5s" swiper-animate-delay="3.8s">
<div class="swiper-lazy-preloader"></div>
</div>
<div class="opedataInfo">
<img class="swiper-lazy ani fadeInLeft animated" src="" data-src="imgs/picdc06.jpg" alt="" title="" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="4.8s">
<div class="swiper-lazy-preloader"></div>
</div>
</div>
<!-- slideitem04 -->
<div class="swiper-slide item04">
<div>
<img src="" data-src="imgs/transition_tita01.png" alt="" title="" class="swiper-lazy ani fadeInDown animated" swiper-animate-effect="fadeInDown" swiper-animate-duration="0.5s" swiper-animate-delay="0s">
<div class="swiper-lazy-preloader"></div>
</div>
<div>
<img src="" data-src="imgs/transition_tita02.png" alt="" title="" class="swiper-lazy ani fadeInDown animated" swiper-animate-effect="fadeInDown" swiper-animate-duration="0.5s" swiper-animate-delay=".5s">
<div class="swiper-lazy-preloader"></div>
</div>
<div>
<img src="" data-src="imgs/transition_pica01.png" alt="" title="" class="swiper-lazy ani zoomIn animated" swiper-animate-effect="zoomIn" swiper-animate-duration="0.5s" swiper-animate-delay="1s">
<div class="swiper-lazy-preloader"></div>
<img src="" data-src="imgs/transition_pica02.png" alt="" title="" class="swiper-lazy ani fadeInLeft animated" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="1.5s">
<div class="swiper-lazy-preloader"></div>
<img src="" data-src="imgs/transition_pica03.png" alt="" title="" class="swiper-lazy ani fadeInRight animated" swiper-animate-effect="fadeInRight" swiper-animate-duration="0.5s" swiper-animate-delay="2s">
<div class="swiper-lazy-preloader"></div>
</div>
</div>
<!-- slideitem05 -->
<div class="swiper-slide item05">
<h2 class="miantit ani fadeIn animated" swiper-animate-effect="fadeIn" swiper-animate-duration="0.3s" swiper-animate-delay="0s"><span>服务中心</span></h2>
<div class="maincontent">
<div class="subitem01">
<h3>
<img src="" data-src="imgs/titledd01.png" alt="" title="" class="swiper-lazy ani fadeInDown animated" swiper-animate-effect="fadeInDown" swiper-animate-duration="0.5s" swiper-animate-delay=".3s">
<div class="swiper-lazy-preloader"></div>
</h3>
<div>
<img src="" data-src="imgs/picdd01.gif" alt="" title="" class="swiper-lazy ani fadeInLeft animated" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s" swiper-animate-delay=".8s">
<div class="swiper-lazy-preloader"></div>
</div>
</div>
<div class="subitem02">
<h3>
<img src="" data-src="imgs/titledd02.png" alt="" title="" class="swiper-lazy ani fadeInDown animated" swiper-animate-effect="fadeInDown" swiper-animate-duration="0.5s" swiper-animate-delay="1.3s">
<div class="swiper-lazy-preloader"></div>
</h3>
<div>
<img src="" data-src="imgs/picdd02.gif" alt="" title="" class="swiper-lazy ani fadeInLeft animated" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="1.8s">
<div class="swiper-lazy-preloader"></div>
</div>
</div>
</div>
</div>
<!-- slideitem06 -->
<div class="swiper-slide item06">
<div>
<img src="" data-src="imgs/transition_titb01.png" alt="" title="" class="swiper-lazy ani fadeInDown animated" swiper-animate-effect="fadeInDown" swiper-animate-duration="0.5s" swiper-animate-delay="0s">
<div class="swiper-lazy-preloader"></div>
</div>
<div>
<img src="" data-src="imgs/transition_titb02.png" alt="" title="" class="swiper-lazy ani fadeInDown animated" swiper-animate-effect="fadeInDown" swiper-animate-duration="0.5s" swiper-animate-delay=".5s">
<div class="swiper-lazy-preloader"></div>
</div>
<div>
<img src="" data-src="imgs/transition_picb01.png" alt="" title="" class="swiper-lazy ani bounceInUp animated" swiper-animate-effect="bounceInUp" swiper-animate-duration="0.5s" swiper-animate-delay="1s">
<div class="swiper-lazy-preloader"></div>
<img src="" data-src="imgs/transition_picb02.png" alt="" title="" class="swiper-lazy ani fadeInLeft animated" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="1.5s">
<div class="swiper-lazy-preloader"></div>
<img src="" data-src="imgs/transition_picb03.png" alt="" title="" class="swiper-lazy ani fadeInRight animated" swiper-animate-effect="fadeInRight" swiper-animate-duration="0.5s" swiper-animate-delay="2s">
<div class="swiper-lazy-preloader"></div>
<img src="" data-src="imgs/transition_picb04.png" alt="" title="" class="swiper-lazy ani fadeInLeft animated" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="2.5s">
<div class="swiper-lazy-preloader"></div>
</div>
</div>
<!-- slideitem07 -->
<div class="swiper-slide item07">
<h2 class="miantit ani fadeIn animated" swiper-animate-effect="fadeIn" swiper-animate-duration="0.3s" swiper-animate-delay="0s"><span class="">安全中心</span></h2>
<div class="maincontent">
<div class="subitem01">
<h3>
<img src="" data-src="imgs/titlede01.png" alt="" title="" class="swiper-lazy ani fadeInDown animated" swiper-animate-effect="fadeInDown" swiper-animate-duration="0.5s" swiper-animate-delay=".3s">
<div class="swiper-lazy-preloader"></div>
</h3>
<div>
<img src="" data-src="imgs/picde01.gif" alt="" title="" class="swiper-lazy ani fadeInLeft animated" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s" swiper-animate-delay=".8s">
<div class="swiper-lazy-preloader"></div>
</div>
</div>
<div class="subitem02">
<h3>
<img src="" data-src="imgs/titlede02.png" alt="" title="" class="swiper-lazy ani fadeInDown animated" swiper-animate-effect="fadeInDown" swiper-animate-duration="0.5s" swiper-animate-delay="1.3s">
<div class="swiper-lazy-preloader"></div>
</h3>
<div>
<img src="" data-src="imgs/picde02.gif" alt="" title="" class="swiper-lazy ani fadeInLeft animated" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="1.8s">
<div class="swiper-lazy-preloader"></div>
</div>
</div>
<div class="subitem03">
<h3>
<img src="" data-src="imgs/titlede03.png" alt="" title="" class="swiper-lazy ani fadeInDown animated" swiper-animate-effect="fadeInDown" swiper-animate-duration="0.5s" swiper-animate-delay="2.3s">
<div class="swiper-lazy-preloader"></div>
</h3>
<div>
<img src="" data-src="imgs/picde03.gif" alt="" title="" class="swiper-lazy ani fadeInLeft animated" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="2.8s">
<div class="swiper-lazy-preloader"></div>
</div>
</div>
</div>
</div>
<!-- slideitem08 -->
<div class="swiper-slide item08">
<div>
<img src="" data-src="imgs/transition_titc01.png" alt="" title="" class="swiper-lazy ani fadeInDown animated" swiper-animate-effect="fadeInDown" swiper-animate-duration="0.5s" swiper-animate-delay="0s">
<div class="swiper-lazy-preloader"></div>
</div>
<div>
<img src="" data-src="imgs/transition_titc02.png" alt="" title="" class="swiper-lazy ani fadeInDown animated" swiper-animate-effect="fadeInDown" swiper-animate-duration="0.5s" swiper-animate-delay=".5s">
<div class="swiper-lazy-preloader"></div>
</div>
<div>
<img src="" data-src="imgs/transition_picc01.png" alt="" title="" class="swiper-lazy ani bounceInUp animated" swiper-animate-effect="bounceInUp" swiper-animate-duration="0.5s" swiper-animate-delay="1s">
<div class="swiper-lazy-preloader"></div>
<img src="" data-src="imgs/transition_picc02.png" alt="" title="" class="swiper-lazy ani fadeInLeft animated" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="1.5s">
<div class="swiper-lazy-preloader"></div>
<img src="" data-src="imgs/transition_picc03.png" alt="" title="" class="swiper-lazy ani fadeInRight animated" swiper-animate-effect="fadeInRight" swiper-animate-duration="0.5s" swiper-animate-delay="2s">
<div class="swiper-lazy-preloader"></div>
</div>
</div>
<!-- slideitem09 -->
<div class="swiper-slide item09">
<h2 class="miantit ani fadeIn animated" swiper-animate-effect="fadeIn" swiper-animate-duration="0.3s" swiper-animate-delay="0s"><span class="">生产中心</span></h2>
<div class="maincontent">
<div class="subitem01">
<h3>
<img src="" data-src="imgs/titledf01.png" alt="" title="" class="swiper-lazy ani fadeInDown animated" swiper-animate-effect="fadeInDown" swiper-animate-duration="0.5s" swiper-animate-delay=".3s">
<div class="swiper-lazy-preloader"></div>
</h3>
<div>
<img src="" data-src="imgs/picdf01.gif" alt="" title="" class="swiper-lazy ani fadeInLeft animated" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s" swiper-animate-delay=".8s">
<div class="swiper-lazy-preloader"></div>
</div>
</div>
<div class="subitem02">
<h3>
<img src="" data-src="imgs/titledf02.png" alt="" title="" class="swiper-lazy ani fadeInDown animated" swiper-animate-effect="fadeInDown" swiper-animate-duration="0.5s" swiper-animate-delay="1.3s">
<div class="swiper-lazy-preloader"></div>
</h3>
<div>
<img src="" data-src="imgs/picdf02.gif" alt="" title="" class="swiper-lazy ani fadeInLeft animated" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="1.8s">
<div class="swiper-lazy-preloader"></div>
</div>
</div>
<div class="subitem03">
<h3>
<img src="" data-src="imgs/titledf03.png" alt="" title="" class="swiper-lazy ani fadeInDown animated" swiper-animate-effect="fadeInDown" swiper-animate-duration="0.5s" swiper-animate-delay="2.3s">
<div class="swiper-lazy-preloader"></div>
</h3>
<div>
<img src="" data-src="imgs/picdf03.gif" alt="" title="" class="swiper-lazy ani fadeInLeft animated" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="2.8s">
<div class="swiper-lazy-preloader"></div>
</div>
</div>
</div>
</div>
<!-- slideitem10 -->
<div class="swiper-slide item10">
<div>
<img src="" data-src="imgs/transition_titd01.png" alt="" title="" class="swiper-lazy ani fadeInDown animated" swiper-animate-effect="fadeInDown" swiper-animate-duration="0.5s" swiper-animate-delay="0s">
<div class="swiper-lazy-preloader"></div>
</div>
<div>
<img src="" data-src="imgs/transition_titd02.png" alt="" title="" class="swiper-lazy ani fadeInDown animated" swiper-animate-effect="fadeInDown" swiper-animate-duration="0.5s" swiper-animate-delay=".5s">
<div class="swiper-lazy-preloader"></div>
</div>
<div>
<img src="" data-src="imgs/transition_picc01.png" alt="" title="" class="swiper-lazy ani bounceInUp animated" swiper-animate-effect="bounceInUp" swiper-animate-duration="0.5s" swiper-animate-delay="1s">
<div class="swiper-lazy-preloader"></div>
<img src="" data-src="imgs/transition_picd01.png" alt="" title="" class="swiper-lazy ani fadeInLeft animated" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="1.5s">
<div class="swiper-lazy-preloader"></div>
<img src="" data-src="imgs/transition_picd02.png" alt="" title="" class="swiper-lazy ani fadeInRight animated" swiper-animate-effect="fadeInRight" swiper-animate-duration="0.5s" swiper-animate-delay="2s">
<div class="swiper-lazy-preloader"></div>
<img src="" data-src="imgs/transition_picd03.png" alt="" title="" class="swiper-lazy ani fadeInLeft animated" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="2.5s">
<div class="swiper-lazy-preloader"></div>
<img src="" data-src="imgs/transition_picd04.png" alt="" title="" class="swiper-lazy ani fadeInRight animated" swiper-animate-effect="fadeInRight" swiper-animate-duration="0.5s" swiper-animate-delay="3s">
<div class="swiper-lazy-preloader"></div>
</div>
</div>
<!-- slideitem11 -->
<div class="swiper-slide item11">
<h2 class="miantit ani fadeIn animated" swiper-animate-effect="fadeIn" swiper-animate-duration="0.3s" swiper-animate-delay="0s"><span class="">驾驶员</span></h2>
<div class="maincontent">
<div class="subitem01">
<h3>
<img src="" data-src="imgs/titledg01.png" alt="" title="" class="swiper-lazy ani fadeInDown animated" swiper-animate-effect="fadeInDown" swiper-animate-duration="0.5s" swiper-animate-delay=".3s">
<div class="swiper-lazy-preloader"></div>
</h3>
<div>
<img src="" data-src="imgs/picdg01.gif" alt="" title="" class="swiper-lazy ani fadeInLeft animated" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s" swiper-animate-delay=".8s">
<div class="swiper-lazy-preloader"></div>
</div>
</div>
<div class="subitem02">
<h3>
<img src="" data-src="imgs/titledg02.png" alt="" title="" class="swiper-lazy ani fadeInDown animated" swiper-animate-effect="fadeInDown" swiper-animate-duration="0.5s" swiper-animate-delay="1.3s">
<div class="swiper-lazy-preloader"></div>
</h3>
<div>
<img src="" data-src="imgs/picdg02.gif" alt="" title="" class="swiper-lazy ani fadeInLeft animated" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="1.8s">
<div class="swiper-lazy-preloader"></div>
</div>
</div>
</div>
</div>
<!-- slideitem12 -->
<div class="swiper-slide item12">
<div>
<img src="" data-src="imgs/transition_tite01.png" alt="" title="" class="swiper-lazy ani fadeInDown animated" swiper-animate-effect="fadeInDown" swiper-animate-duration="0.5s" swiper-animate-delay="0s">
<div class="swiper-lazy-preloader"></div>
</div>
<div>
<img src="" data-src="imgs/transition_tite02.png" alt="" title="" class="swiper-lazy ani fadeInDown animated" swiper-animate-effect="fadeInDown" swiper-animate-duration="0.5s" swiper-animate-delay=".5s">
<div class="swiper-lazy-preloader"></div>
</div>
<div>
<img src="" data-src="imgs/transition_pice01.png" alt="" title="" class="swiper-lazy ani bounceInUp animated" swiper-animate-effect="bounceInUp" swiper-animate-duration="0.5s" swiper-animate-delay="1s">
<div class="swiper-lazy-preloader"></div>
<img src="" data-src="imgs/transition_pice03.png" alt="" title="" class="swiper-lazy ani fadeInLeft animated" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="1.5s">
<div class="swiper-lazy-preloader"></div>
<img src="" data-src="imgs/transition_pice02.png" alt="" title="" class="swiper-lazy ani fadeInRight animated" swiper-animate-effect="fadeInRight" swiper-animate-duration="0.5s" swiper-animate-delay="2s">
<div class="swiper-lazy-preloader"></div>
<img src="" data-src="imgs/transition_pice04.png" alt="" title="" class="swiper-lazy ani fadeInLeft animated" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="2.5s">
<div class="swiper-lazy-preloader"></div>
<img src="" data-src="imgs/transition_pice05.png" alt="" title="" class="swiper-lazy ani fadeInRight animated" swiper-animate-effect="fadeInRight" swiper-animate-duration="0.5s" swiper-animate-delay="3s">
<div class="swiper-lazy-preloader"></div>
</div>
</div>
<!-- slideitem13 -->
<div class="swiper-slide item13">
<h2 class="miantit ani fadeIn animated" swiper-animate-effect="fadeIn" swiper-animate-duration="0.3s" swiper-animate-delay="0s"><span class="">数据录入</span></h2>
<h3 class="mainsub_tit">
<img src="" data-src="imgs/titledh01.gif" alt="" title="" class="swiper-lazy ani fadeInDown animated" swiper-animate-effect="fadeInDown" swiper-animate-duration="0.5s" swiper-animate-delay=".3s">
<div class="swiper-lazy-preloader"></div>
</h3>
<div class="data_entry01">
<img src="" data-src="imgs/picdh01.gif" alt="" title="" class="swiper-lazy ani fadeInLeft animated" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s" swiper-animate-delay=".8s">
<div class="swiper-lazy-preloader"></div>
<img src="" data-src="imgs/wzdh01.gif" alt="" title="" class="swiper-lazy ani fadeInRight animated" swiper-animate-effect="fadeInRight" swiper-animate-duration="0.5s" swiper-animate-delay="1.3s">
<div class="swiper-lazy-preloader"></div>
</div>
<div class="data_entry02">
<img src="" data-src="imgs/picdh02.gif" alt="" title="" class="swiper-lazy ani fadeInLeft animated" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="1.8s">
<div class="swiper-lazy-preloader"></div>
</div>
<h3 class="mainsub_tit">
<img src="" data-src="imgs/titledh02.gif" alt="" title="" class="swiper-lazy ani fadeInDown animated" swiper-animate-effect="fadeInDown" swiper-animate-duration="0.5s" swiper-animate-delay="2.3s">
<div class="swiper-lazy-preloader"></div>
</h3>
<div class="project_manage01">
<img src="" data-src="imgs/picdh03.gif" alt="" title="" class="swiper-lazy ani fadeInLeft animated" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="2.8s">
<div class="swiper-lazy-preloader"></div>
</div>
<div class="project_manage02">
<img src="" data-src="imgs/picdh04.gif" alt="" title="" class="swiper-lazy ani fadeInLeft animated" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="3.3s">
<div class="swiper-lazy-preloader"></div>
</div>
<div class="project_manage03">
<img src="" data-src="imgs/wzdh02.gif" alt="" title="" class="swiper-lazy ani fadeInLeft animated" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="3.8s">
<div class="swiper-lazy-preloader"></div>
<img src="" data-src="imgs/wzdh03.gif" alt="" title="" class="swiper-lazy ani fadeInRight animated" swiper-animate-effect="fadeInRight" swiper-animate-duration="0.5s" swiper-animate-delay="4.3s">
<div class="swiper-lazy-preloader"></div>
</div>
<h3 class="mainsub_tit">
<img src="" data-src="imgs/titledh03.gif" alt="" title="" class="swiper-lazy ani fadeInDown animated" swiper-animate-effect="fadeInDown" swiper-animate-duration="0.5s" swiper-animate-delay="4.8s">
<div class="swiper-lazy-preloader"></div>
</h3>
<div class="income_manage01">
<img src="" data-src="imgs/picdh05.gif" alt="" title="" class="swiper-lazy ani fadeInLeft animated" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="5.3s">
<div class="swiper-lazy-preloader"></div>
</div>
<div class="income_manage02">
<img src="" data-src="imgs/picdh06.gif" alt="" title="" class="swiper-lazy ani fadeInLeft animated" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="5.8s">
<div class="swiper-lazy-preloader"></div>
</div>
<div class="income_manage03">
<img src="" data-src="imgs/wzdh04.png" alt="" title="" class="swiper-lazy ani fadeInLeft animated" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="6.3s">
<div class="swiper-lazy-preloader"></div>
</div>
</div>
<!-- slideitem14 -->
<div class="swiper-slide item14">
<div>
<img src="" data-src="imgs/transition_titf01.png" alt="" title="" class="swiper-lazy ani fadeInDown animated" swiper-animate-effect="fadeInDown" swiper-animate-duration="0.5s" swiper-animate-delay="0s">
<div class="swiper-lazy-preloader"></div>
</div>
<div>
<img src="" data-src="imgs/transition_titf02.png" alt="" title="" class="swiper-lazy ani fadeInDown animated" swiper-animate-effect="fadeInDown" swiper-animate-duration="0.5s" swiper-animate-delay=".5s">
<div class="swiper-lazy-preloader"></div>
</div>
<div>
<img src="" data-src="imgs/transition_picf01.png" alt="" title="" class="swiper-lazy ani zoomIn animated" swiper-animate-effect="zoomIn" swiper-animate-duration="0.5s" swiper-animate-delay="1s">
<div class="swiper-lazy-preloader"></div>
</div>
<div>
<img src="" data-src="imgs/transition_picf02.png" alt="" title="" class="swiper-lazy ani bounceInUp animated" swiper-animate-effect="bounceInUp" swiper-animate-duration="0.5s" swiper-animate-delay="1.5s">
<div class="swiper-lazy-preloader"></div>
<img src="" data-src="imgs/transition_picf03.png" alt="" title="" class="swiper-lazy ani fadeInRight animated" swiper-animate-effect="fadeInRight" swiper-animate-duration="0.5s" swiper-animate-delay="2s">
<div class="swiper-lazy-preloader"></div>
</div>
</div>
<!-- slideitem15 -->
<div class="swiper-slide item15">
<h2 class="miantit ani fadeIn animated" swiper-animate-effect="fadeIn" swiper-animate-duration="0.3s" swiper-animate-delay="0s"><span class="">财务中心</span></h2>
<div class="maincontent">
<h3 class="maintit_sub">
<img src="" data-src="imgs/check_tit.png" alt="" title="" class="swiper-lazy ani fadeInDown animated" swiper-animate-effect="fadeInDown" swiper-animate-duration="0.5s" swiper-animate-delay=".3s">
<div class="swiper-lazy-preloader"></div>
</h3>
<div class="check_info">
<div>
<img src="" data-src="imgs/picdi01.png" alt="" title="" class="swiper-lazy ani fadeInLeft animated" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s" swiper-animate-delay=".8s">
<div class="swiper-lazy-preloader"></div>
<img src="" data-src="imgs/picdi02.gif" alt="" title="" class="swiper-lazy ani zoomIn animated" swiper-animate-effect="zoomIn" swiper-animate-duration="0.5s" swiper-animate-delay="1.3s">
<div class="swiper-lazy-preloader"></div>
</div>
<div>
<img src="" data-src="imgs/picdi03.png" alt="" title="" class="swiper-lazy ani fadeInRight animated" swiper-animate-effect="fadeInRight" swiper-animate-duration="0.5s" swiper-animate-delay="1.8s">
<div class="swiper-lazy-preloader"></div>
</div>
</div>
<h3 class="maintit_sub">
<img src="" data-src="imgs/titledi01.png" alt="" title="" class="swiper-lazy ani fadeInDown animated" swiper-animate-effect="fadeInDown" swiper-animate-duration="0.5s" swiper-animate-delay="2.3s">
<div class="swiper-lazy-preloader"></div>
</h3>
<div class="money_plan">
<div>
<img src="" data-src="imgs/picdi04.png" alt="" title="" class="swiper-lazy ani fadeInLeft animated" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="2.8s">
<div class="swiper-lazy-preloader"></div>
<img src="" data-src="imgs/picdi05.gif" alt="" title="" class="swiper-lazy ani zoomIn animated" swiper-animate-effect="zoomIn" swiper-animate-duration="0.5s" swiper-animate-delay="3.3s">
<div class="swiper-lazy-preloader"></div>
</div>
<div>
<img src="" data-src="imgs/picdi06.png" alt="" title="" class="swiper-lazy ani fadeInRight animated" swiper-animate-effect="fadeInRight" swiper-animate-duration="0.5s" swiper-animate-delay="3.8s">
<div class="swiper-lazy-preloader"></div>
</div>
</div>
</div>
</div>
<!-- slideitem16 -->
<div class="swiper-slide item16">
<div>
<img src="" data-src="imgs/transition_titj01.png" alt="" title="" class="swiper-lazy ani fadeInDown animated" swiper-animate-effect="fadeInDown" swiper-animate-duration="0.5s" swiper-animate-delay="0s">
<div class="swiper-lazy-preloader"></div>
</div>
<div>
<img src="" data-src="imgs/transition_titj02.png" alt="" title="" class="swiper-lazy ani fadeInDown animated" swiper-animate-effect="fadeInDown" swiper-animate-duration="0.5s" swiper-animate-delay=".5s">
<div class="swiper-lazy-preloader"></div>
</div>
<div>
<img src="" data-src="imgs/transition_pice01.png" alt="" title="" class="swiper-lazy ani bounceInUp animated" swiper-animate-effect="bounceInUp" swiper-animate-duration="0.5s" swiper-animate-delay="1s">
<div class="swiper-lazy-preloader"></div>
<img src="" data-src="imgs/transition_picj01.png" alt="" title="" class="swiper-lazy ani fadeInLeft animated" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="1.5s">
<div class="swiper-lazy-preloader"></div>
<img src="" data-src="imgs/transition_picj02.png" alt="" title="" class="swiper-lazy ani fadeInRight animated" swiper-animate-effect="fadeInRight" swiper-animate-duration="0.5s" swiper-animate-delay="2s">
<div class="swiper-lazy-preloader"></div>
<img src="" data-src="imgs/transition_picj03.png" alt="" title="" class="swiper-lazy ani fadeInLeft animated" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="2.5s">
<div class="swiper-lazy-preloader"></div>
<img src="" data-src="imgs/transition_picj04.png" alt="" title="" class="swiper-lazy ani fadeInRight animated" swiper-animate-effect="fadeInRight" swiper-animate-duration="0.5s" swiper-animate-delay="3s">
<div class="swiper-lazy-preloader"></div>
</div>
</div>
<!-- slideitem17 -->
<div class="swiper-slide item17">
<div>
<img src="" data-src="imgs/end.gif" alt="" title="" class="swiper-lazy ani zoomIn animated" swiper-animate-effect="zoomIn" swiper-animate-duration="0.5s" swiper-animate-delay="0s">
<div class="swiper-lazy-preloader"></div>
</div>
<div>
<img src="" data-src="imgs/end_btm.png" alt="" title="" class="swiper-lazy ani fadeInLeft animated" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="0.5s">
<div class="swiper-lazy-preloader"></div>
</div>
</div>
</div>
</div>
</div>
<div class="layer_mask">
<div class="layer_conttent"></div>
</div>
<script type="text/javascript" src="scripts/jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="scripts/imgLoader.js"></script>
<script type="text/javascript" src="scripts/swiper-4.2.2.min.js"></script>
<script type="text/javascript" src="scripts/swiper.animate1.0.3.min.js"></script>
<script type="text/javascript" src="scripts/jweixin-1.2.0.js"></script>
<script type="text/javascript">
window.onload= function(){
//初始化图片的处理
var imgArr=[
'imgs/index_main.jpg',
'imgs/index_logo.png',
'imgs/title01.png',
'imgs/title02.png'
]
imgLoader(imgArr, function(percentage){
console.log(percentage)
var percent = '0%'
if(percentage > 0) {
percent = (percentage*100).toFixed(0) +'%'
}
// console.log(percent)
$(".percentage").html(percent);
if(percentage == 1) {
$(".loading-page").hide();
$('#content_wrap').show();
$('#bgAudio').append('<source src="music/Axero - Trip.mp3" type="audio/mpeg">');
var bgAudio=document.getElementById("bgAudio");
var musicIcon=document.querySelector(".music-icon");
audioAutoPlay('bgAudio');
//鎺у埗鑳屾櫙闊充箰
musicIcon.addEventListener("click",function(){
event.stopPropagation();
if(bgAudio.paused){
this.className="music-icon music-play";
bgAudio.play();
}else{
bgAudio.pause();
this.className="music-icon music-pause";
}
})
//swiper初始化
var guideSwiper = new Swiper ('.swiper-container', {
direction: 'vertical', // 垂直切换选项
autoHeight:true,
touchRatio : 0.5,
iOSEdgeSwipeDetection : true,
followFinger : false,
lazy: {
loadPrevNext: true,
loadOnTransitionStart: true
},
on:{
init: function(){
swiperAnimateCache(this); //隐藏动画元素
swiperAnimate(this); //初始化完成开始动画
},
slideChangeTransitionEnd: function(){
swiperAnimate(this); //每个slide切换结束时也运行当前slide动画
}
}
})
var startScroll, touchStart, touchCurrent;
guideSwiper.slides.on('touchstart', function (e) {
startScroll = this.scrollTop;
touchStart = e.targetTouches[0].pageY;
}, true);
guideSwiper.slides.on('touchmove', function (e) {
touchCurrent = e.targetTouches[0].pageY;
var touchesDiff = touchCurrent - touchStart;
var slide = this;
var onlyScrolling =
( slide.scrollHeight > slide.offsetHeight ) &&
(
( touchesDiff < 0 && startScroll === 0 ) ||
( touchesDiff > 0 && startScroll === ( slide.scrollHeight - slide.offsetHeight ) ) ||
( startScroll > 0 && startScroll < ( slide.scrollHeight - slide.offsetHeight ) )
);
if (onlyScrolling) {
e.stopPropagation();
}
})
//第二屏底部图片的处理
var winH = $(window).height();
var offsetTop = $(".item02 div.top").outerHeight();
var showTitleH = $('.item02 div.main div.showTitle').outerHeight();
var imgH = $(".showArea img").outerHeight();
console.log(winH,offsetTop,showTitleH,imgH);
console.log(winH-offsetTop-showTitleH-imgH);
$(".item02 div.showArea").css("padding-top",winH-offsetTop-showTitleH-imgH + "px");
$(".swiper-container,.swiper-wrapper,.swiper-slide").height($(window).height());
}
})
//分享的信息
$('#bgAudio').append('<source src="music/Axero - Trip.mp3" type="audio/mpeg">');
var currentUrl = window.location.href;
$.post(
'http://39.108.175.219:8080/bdyErp/weixin/shifts/zhengshu',
{url:currentUrl},
function(res){
console.log(res);
var res = JSON.parse(res);
console.log(res);
wx.config({
beta: true,// 必须这么写，否则wx.invoke调用形式的jsapi会有问题
debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
appId: res.appid, // 必填，企业微信的corpID
timestamp: res.signature.timestamp, // 必填，生成签名的时间戳
nonceStr: res.signature.noncestr, // 必填，生成签名的随机串
signature: res.signature.signature,// 必填，签名，见附录1
jsApiList: [ 'onMenuShareTimeline',
'onMenuShareAppMessage','onMenuShareQQ','onMenuShareWeibo','onMenuShareQZone'] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
});
wx.ready(function(){
wx.onMenuShareAppMessage({
title: '砼车邦ERP一个单纯的撩机小指引，戳进来！', // 分享标题
desc: '找车 找泵 砼车帮', // 分享描述
link: 'http://weixin.zgbtwl.com/guide02/guide.html', // 分享链接，该链接域名必须与当前企业的可信域名一致
imgUrl: 'http://weixin.zgbtwl.com/guide02/imgs/icon.jpg', // 分享图标
type: '', // 分享类型,music、video或link，不填默认为link
dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
success: function () {
// 用户确认分享后执行的回调函数
},
cancel: function () {
// 用户取消分享后执行的回调函数
}
});
wx.onMenuShareTimeline({
title: '砼车邦ERP一个单纯的撩机小指引，戳进来！', // 分享标题
desc: '找车 找泵 砼车帮', // 分享描述
link: 'http://weixin.zgbtwl.com/guide02/guide.html', // 分享链接
imgUrl: 'http://weixin.zgbtwl.com/guide02/imgs/icon.jpg', // 分享图标
success: function (res) {
console.log(res);
},
cancel: function (res) {
console.log(res);
}
})
wx.onMenuShareQQ({
title: '砼车邦ERP一个单纯的撩机小指引，戳进来！', // 分享标题
desc: '找车 找泵 砼车帮', // 分享描述
link: 'http://weixin.zgbtwl.com/guide02/guide.html', // 分享链接
imgUrl: 'http://weixin.zgbtwl.com/guide02/imgs/icon.jpg', // 分享图标
success: function () {
// 用户确认分享后执行的回调函数
},
cancel: function () {
// 用户取消分享后执行的回调函数
}
});
wx.onMenuShareWeibo({
title: '砼车邦ERP一个单纯的撩机小指引，戳进来！', // 分享标题
desc: '找车 找泵 砼车帮', // 分享描述
link: 'http://weixin.zgbtwl.com/guide02/guide.html', // 分享链接
imgUrl: 'http://weixin.zgbtwl.com/guide02/imgs/icon.jpg', // 分享图标
success: function () {
// 用户确认分享后执行的回调函数
},
cancel: function () {
// 用户取消分享后执行的回调函数
}
});
wx.onMenuShareQZone({
title: '砼车帮ERP信息管理系统新手使用指南', // 分享标题
desc: '找车 找泵 砼车帮', // 分享描述
link: 'http://weixin.zgbtwl.com/guide02/guide.html', // 分享链接
imgUrl: 'http://weixin.zgbtwl.com/guide02/imgs/icon.jpg', // 分享图标
success: function () {
// 用户确认分享后执行的回调函数
},
cancel: function () {
// 用户取消分享后执行的回调函数
}
});
})
})
function commonLayer(msg){
var html = $('#layer').html();
if(!html){
html += '<div class="layer" id="layer">';
html += '<div class="layer_box">';
html += '<p>'+msg+'</p>';
html += '</div>';
html += '</div>';
$('body').append(html);
setTimeout(function(){
$('#layer').css('display','none');
window.location.reload();
},1500);
}
else{
$('#layer').css('display','block');
setTimeout(function(){
$('#layer').css('display','none');
window.location.reload();
},1500);
}
}
//点击显示大图
$('.item03').on('click','.opedataInfo img',function(){
var src = $(this).attr('src');
var index = src.indexOf('.');
src = src.slice(0,index);
console.log(src,index);
$('.layer_mask').css('display','block');
$('.layer_mask').find('.layer_conttent').html('<img src="'+src+'b.png">');
$('.item03').css('overflow','hidden');
})
$('.layer_mask').on('click',function(e){
var target = $(e.target);
$('.layer_mask').hide();
e.stopPropagation();
$('.item03').css('overflow','scroll');
})
//音乐播放
function audioAutoPlay(id){
var audio = document.getElementById(id);
audio.play();
document.addEventListener("WeixinJSBridgeReady", function () {
audio.play();
}, false);
document.addEventListener('YixinJSBridgeReady', function() {
audio.play();
}, false);
}
}
</script>
</body>
</html>
欢迎光临 Swiper中文论坛 (http://bbs.swiper.com.cn/)
Powered by Discuz! X3.2