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