sunny
/
lzyd-download-web


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243
							
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>荔枝悦动APP下载</title>
<meta name="viewport" content="width=device-width,target-densitydpi=high-dpi,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<link rel="stylesheet" href="jquery.fullPage.css">
<link rel="stylesheet" href="pcOrMobile.css">
<!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

<link rel="stylesheet" href="css/idangerous.swiper.css">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" type="text/css" href="font_Icon/iconfont.css">
<link rel="stylesheet" type="text/css" href="css/chat.css">
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>

<style type="text/css">
  .section { text-align: center; font: 50px "Microsoft Yahei"; color: #fff;}
  .section p{ font: 30px "Microsoft Yahei";}
  .logoBox {width: 150px;height: 35px;position: relative;top: 50px;left:106px}
  .zhutuBox {width: 100%;height: 474px;position: relative;top: 40px;}
  .iosBtn {width: 150px;height: 50px;position: absolute;top: 610px;
    text-align: center;
    line-height: 46px;color: #14D59C;
    border: 1px solid #14D59C;
    border-radius: 5px;
    left: 25px;
  }
  .iosAnzhuo {width: 150px;height: 50px;position: absolute;top: 610px;
    text-align: center;
    line-height: 46px;color: #14D59C;
    border: 1px solid #14D59C;
    border-radius: 5px;
    right: 25px;
  }
  .iosIcon {
    width: 23px;
    height: 23px;
    position: absolute;
    top: -3px;
    left: 20px;
  }
  .openIt {
    width:100%;
    height: 30px;
    position: absolute;
    top: 710px;
    text-align: center;
    line-height: 30px;
    color: #fff;
  }
</style>
  
</head>
<body>
<div id="fullPage" style="background-color: #1A1A1A;">
   <div class="logoBox">
     <img style="width: 100%;height:100%" src="./images/logo.png" alt="">
   </div>
   <div class="zhutuBox">
    <img style="width: 100%;height:100%" src="./images/zhutu.png" alt="">
  </div>
  <div class="iosBtn">
    <div class="iosIcon">
      <img style="width: 100%;height:100%" src="./images/pingguo.png" alt="">
    </div>
    <p style="margin-left:20px">iPhone下载</p>
  </div>
  <div class="iosAnzhuo">
    <div class="iosIcon">
      <img style="width: 100%;height:100%" src="./images/anzhuo.png" alt="">
    </div>
    <p style="margin-left:20px">安卓下载</p>
  </div>
  <div class="openIt">已安装APP？<p style="color: #14D59C;display: inline;">点此打开</p></div>
    
    
</div>

  
</div>
<script src="http://libs.baidu.com/jquery/1.7.2/jquery.js"></script>
<script src="jquery.fullPage.js"></script>
<!-- <script src="js/jquery-1.10.1.min.js"></script> -->
<script src="js/idangerous.swiper.min.js"></script>
<script>
$(function(){
    $('#fullPage').fullpage({
        sectionsColor : ['#fff', '#fff', '#fff', '#fff', '#454545'],
        loopBottom: true,
        controlArrows: false,
        continuousVertical: true,
        continuousHorizontal:true
    });

    setInterval(function(){
        $.fn.fullpage.moveSlideRight();
    }, 5000);
});
</script>
<script>
  function IsPC() {
    var userAgentInfo = navigator.userAgent;
    var Agents = ["Android", "iPhone","SymbianOS", "Windows Phone", "iPod"];
    var flag = true;
    for (var v = 0; v < Agents.length; v++) {
        if (userAgentInfo.indexOf(Agents[v]) > 0) {
            flag = false;
            break;
        }
        // 移动端就是false

    }
    if(window.screen.width>=768){
         flag = true;
    }
    console.log(flag)
    return flag;
  }
  IsPC()
  // function kuangaobi() {
  //   var kuan = document.body.clientWidth
  //   var gao = document.body.clientHeight 
  //   console.log(kuan,gao)
  //   if(kuan/gao >= 0.6){
  //       $(".introduce").removeClass("introduce")
  //       $("#tanchuang1").addClass("introduce1")
  //   }else {
  //       $(".introduce").removeClass("introduce1")
  //       $("#tanchuang1").addClass("introduce")
  //   }
  // }
  // kuangaobi()
  var ydSwiper = new Swiper ('#youdaoBanner', {
    centeredSlides : true,
	slidesPerView : 'auto'
  })
   $('.swiper-button-prev').on('click', function(e){
    e.preventDefault()
    ydSwiper.swipePrev()
  })
  $('.swiper-button-next').on('click', function(e){
    e.preventDefault()
    ydSwiper.swipeNext()
  })
  $('.logo').on('click', function(e){
        $.fn.fullpage.moveTo(1)
  })
  $('#youdaoBanner .bg').hover(function(){
	  $(this).find('.info').animate({bottom:'0px'},200,'linear');
	  },function(){
       $(this).find('.info').animate({bottom:'-149px'},200,'linear');
    });

    $('.lunbo').on('click', function() {
      $("#tanchuang1").removeClass("display")
    })
    $('.imgBigBox').on('click', function() {
        $("#tanchuang2").removeClass("display")
    })
    $('.swiper-slide').on('click', function() {
        $("#tanchuang3").removeClass("display")
    })
    $('.HZSImg').on('click', function() {
        $("#tanchuang4").removeClass("display")
    })
    $('.HZSBtn').on('click', function() {
      $("#tanchuang4").removeClass("display")
    })
    $('.PTLogo1').on('click', function() {
      $("#tanchuang4-1").removeClass("display")
        $("#tanchuang1").addClass("display")
        $("#tanchuang2").addClass("display")
        $("#tanchuang3").addClass("display")
        $("#tanchuang4").addClass("display")
        $("#tanchuang4-2").addClass("display")
        $("#tanchuang4-3").addClass("display")
    })
    $('.PTLogo2').on('click', function() {
      $("#tanchuang4-2").removeClass("display")
        $("#tanchuang1").addClass("display")
        $("#tanchuang2").addClass("display")
        $("#tanchuang3").addClass("display")
        $("#tanchuang4").addClass("display")
        $("#tanchuang4-1").addClass("display")
        $("#tanchuang4-3").addClass("display")
    })
    $('.PTLogo3').on('click', function() {
      $("#tanchuang4-3").removeClass("display")
        $("#tanchuang1").addClass("display")
        $("#tanchuang2").addClass("display")
        $("#tanchuang3").addClass("display")
        $("#tanchuang4").addClass("display")
        $("#tanchuang4-2").addClass("display")
        $("#tanchuang4-1").addClass("display")
    })
    
    $("#tanchuang1").on('click', function() {
        $("#tanchuang1").addClass("display")
    })
    $("#tanchuang2").on('click', function() {
        $("#tanchuang2").addClass("display")
    })
    $("#tanchuang3").on('click', function() {
        $("#tanchuang3").addClass("display")
    })
    $("#tanchuang4").on('click', function() {
        $("#tanchuang4").addClass("display")
    })
    $("#tanchuang4-1").on('click', function() {
        $("#tanchuang4-1").addClass("display")
        $("#tanchuang1").addClass("display")
        $("#tanchuang2").addClass("display")
        $("#tanchuang3").addClass("display")
        $("#tanchuang4").addClass("display")
        $("#tanchuang4-2").addClass("display")
        $("#tanchuang4-3").addClass("display")
    })
    $("#tanchuang4-2").on('click', function() {
        $("#tanchuang4-2").addClass("display")
        $("#tanchuang1").addClass("display")
        $("#tanchuang2").addClass("display")
        $("#tanchuang3").addClass("display")
        $("#tanchuang4").addClass("display")
        $("#tanchuang4-1").addClass("display")
        $("#tanchuang4-3").addClass("display")
    })
    $("#tanchuang4-3").on('click', function() {
        $("#tanchuang4-3").addClass("display")
        $("#tanchuang1").addClass("display")
        $("#tanchuang2").addClass("display")
        $("#tanchuang3").addClass("display")
        $("#tanchuang4").addClass("display")
        $("#tanchuang4-2").addClass("display")
        $("#tanchuang4-1").addClass("display")
    })
</script>
<script language="javascript" src="http://pdt.zoosnet.net/JS/LsJS.aspx?siteid=PDT69566089&float=1&lng=cn"></script>
</body>
</html>