|
|
@@ -1,629 +0,0 @@
|
|
|
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
|
|
-<html xmlns="http://www.w3.org/1999/xhtml">
|
|
|
-<head>
|
|
|
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
|
|
- <meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
|
- <meta name="keywords" content="握爪app,握爪下载,宠物,宠物医生,宠物医院,宠物管家,宠物服务,宠物领养,宠物买卖,养宠物,买狗,狗狗,狗狗训练,猫咪,宠物洗澡,宠物美容,泰迪,泰迪训练" />
|
|
|
- <meta name="description" content="千万宠友都在用宠物社交与服务应用。加入宠物社交圈分享养宠生活，结识有爱的帅哥美女做朋友；体验便捷上门宠物服务，狗狗、猫咪洗澡美容一键预约！"/>
|
|
|
- <meta itemprop="name" content="「握爪」"/>
|
|
|
- <meta name="description" itemprop="description" content="又萌又好玩的宠物社区APP" />
|
|
|
- <meta itemprop="image" content="http://7oxep6.com2.z0.glb.qiniucdn.com/favicon144.png" />
|
|
|
- <title>握爪-有爱的宠物社交和宠物服务平台</title>
|
|
|
- <!--[if lt IE 9]>
|
|
|
- <style type="text/css">
|
|
|
- .container{width:747px}
|
|
|
- .fot-normal{text-align:left;}.fotdiv a{width:13.7%;}
|
|
|
- .fot-last{text-align:right;}
|
|
|
- .downbtn li a img{width:118px;}
|
|
|
- .iphone{top:20px;}
|
|
|
- .android{top:80px;}
|
|
|
- .font-1{font-size:24px;letter-spacing:2px;left:35px;bottom:32px;}
|
|
|
- .font-2{font-size:12px;letter-spacing:1px;left:135px;top:248px;line-height: 24px;width: 205px;}
|
|
|
- .font-3{left:146px;top:285px;line-height: 24px;font-size:12px;letter-spacing:2px;width: 205px;}
|
|
|
- .font-4{left:153px;top:285px;line-height: 24px;font-size:12px;letter-spacing:1px;width: 189px;}
|
|
|
- </style>
|
|
|
- <![endif]-->
|
|
|
-
|
|
|
-<head>
|
|
|
- <style type="text/css">
|
|
|
- * {
|
|
|
- padding: 0;
|
|
|
- margin: 0;
|
|
|
- }
|
|
|
-
|
|
|
- body {
|
|
|
- background-color: #f5f5f5;
|
|
|
- font-size: 14px;
|
|
|
- font-family: "Microsoft YaHei","微软雅黑","Helvetica Neue",Helvetica;
|
|
|
- line-height: 1.42857143;
|
|
|
- }
|
|
|
- html, body {
|
|
|
- margin: 0;
|
|
|
- padding: 0;
|
|
|
- overflow-x: hidden
|
|
|
- }
|
|
|
-
|
|
|
- img {
|
|
|
- max-width: 100%;
|
|
|
- }
|
|
|
- .box{box-sizing:content-box;}
|
|
|
- .container{position:relative;margin-right: auto;
|
|
|
- margin-left: auto;}
|
|
|
- a:active, a:hover {
|
|
|
- outline: 0;
|
|
|
- }
|
|
|
- a {
|
|
|
- background: transparent;
|
|
|
- }
|
|
|
- a:hover, a:focus {
|
|
|
- color: #E74C3C;
|
|
|
- text-decoration: underline;
|
|
|
- }
|
|
|
- a {
|
|
|
- color: #1B242F;
|
|
|
- text-decoration: none;
|
|
|
- border: none;
|
|
|
- }
|
|
|
- h1{font-weight: normal;}
|
|
|
- .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
|
|
|
-
|
|
|
- position: relative;
|
|
|
- min-height: 1px;
|
|
|
- padding-right: 0;
|
|
|
- padding-left: 0;
|
|
|
- }
|
|
|
- .left-b,.right-b{position:absolute;width:50%;top:0;}
|
|
|
- .left-b{left:0;}
|
|
|
- .right-b{right:0}
|
|
|
- .footer a:hover {
|
|
|
- text-decoration: none;
|
|
|
- }
|
|
|
- .row a {
|
|
|
- color: #717378;
|
|
|
- text-decoration: none;
|
|
|
- font-size: 1.0em;
|
|
|
- }
|
|
|
-
|
|
|
- .copy {
|
|
|
- text-align: center;
|
|
|
- color: #717378;
|
|
|
- text-decoration: none;
|
|
|
- padding-bottom: 60px;
|
|
|
- }
|
|
|
-
|
|
|
- .fotdiv {
|
|
|
- border-bottom: 1px solid #7A7A7A;
|
|
|
- position: relative;
|
|
|
- }
|
|
|
- .fotdiv a{text-decoration:none; display:inline-block;padding-bottom:10px;margin:0}
|
|
|
-
|
|
|
- .navbar-default {
|
|
|
- background-color: #FFF;
|
|
|
- }
|
|
|
-
|
|
|
- .p1{
|
|
|
-
|
|
|
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled="true", sizingMethod="scale", src="http://7oxer3.com2.z0.glb.qiniucdn.com/bg_1_ie.png");
|
|
|
- _background:none;
|
|
|
- }
|
|
|
-
|
|
|
- .p2{background-color:#f5f5f5}
|
|
|
- .p3{background:#fff url(http://7oxer3.com2.z0.glb.qiniucdn.com/bg_4_ie.png)}
|
|
|
- .p4{background:#f5f5f5 url(http://7oxer3.com2.z0.glb.qiniucdn.com/bg_2_ie.png)}
|
|
|
- .p1,.p2,.p3,.p4{background-repeat:no-repeat;background-position:center bottom;}
|
|
|
- .dian{position:absolute;left:50%;margin-left:-30px;bottom:20px}
|
|
|
- .dian a{ margin-right: 5px;
|
|
|
- margin-left: 5px;}
|
|
|
- .downbtn{position: relative;}
|
|
|
- .downbtn li a{left:3.87596%;position:absolute;border:none;outline:none;}
|
|
|
- .downbtn li a img{border:none;}
|
|
|
- .font-1{color:#2aca98;margin-top:0;position: absolute;}
|
|
|
- .font-2,.font-3,.font-4{color:#939393;position: absolute;}
|
|
|
- .fot-normal{text-align:left;}.fotdiv a{width:13.7%;}
|
|
|
- .fot-last{position: absolute;right:0;text-align: right}
|
|
|
-
|
|
|
- @media (max-width:1199px){.container{width:668px}.p1,.p2,.p3,.p4{background-size:1286px auto;}
|
|
|
- .downbtn li a img{width:106px;}
|
|
|
- .iphone{top:18px;}
|
|
|
- .android{top:73px;}
|
|
|
- .font-1{font-size:23px;left:32px;bottom:24px;}
|
|
|
- .font-2{font-size:12px;left:120px;top:218px;line-height: 24px;}
|
|
|
- .font-3{left:132px;top:256px;line-height: 24px;font-size:12px;letter-spacing:2px;}
|
|
|
- .font-4{left:133px;top:256px;line-height: 24px;font-size:12px;letter-spacing:1px;}
|
|
|
- }
|
|
|
- @media (min-width:1200px) and (max-width:1599px) { .container{width:747px}.p1,.p2,.p3,.p4{background-size:1440px auto;}
|
|
|
- .downbtn li a img{width:118px;}
|
|
|
- .iphone{top:20px;}
|
|
|
- .android{top:80px;}
|
|
|
- .font-1{font-size:24px;letter-spacing:2px;left:35px;bottom:32px;}
|
|
|
- .font-2{font-size:12px;letter-spacing:1px;left:135px;top:248px;line-height: 24px;}
|
|
|
- .font-3{left:146px;top:285px;line-height: 24px;font-size:12px;letter-spacing:2px;}
|
|
|
- .font-4{left:153px;top:285px;line-height: 24px;font-size:12px;letter-spacing:1px;}
|
|
|
- }
|
|
|
- @media (min-width:1600px){.container{width:995px;}.p1,.p2,.p3,.p4{background-size:1920px auto;}
|
|
|
- .downbtn li a img{width:156px;}
|
|
|
- .iphone{top:26px;}
|
|
|
- .android{top:106px;}
|
|
|
- .font-1{font-size:34px;left:47px;bottom:40px;}
|
|
|
- .font-2{font-size:16px;letter-spacing:1px;left:176px;top:327px;line-height: 32px;}
|
|
|
- .font-3{left:193px;top:378px;line-height: 32px;font-size:16px;letter-spacing:2px;}
|
|
|
- .font-4{left:203px;top:378px;line-height: 32px;font-size:16px;letter-spacing:1px;}
|
|
|
- }
|
|
|
-
|
|
|
- .navbar-default .navbar-nav > .active > a{
|
|
|
- color: #ffffff;background-color: #12a86b;
|
|
|
- margin-top:6px;
|
|
|
- width:80px; height:36px;
|
|
|
- -moz-border-radius: 20px;
|
|
|
- -webkit-border-radius: 20px;
|
|
|
- border-radius:20px;
|
|
|
- text-align:center;
|
|
|
- padding:10px 15px}
|
|
|
- .navbar-nav > li > a {
|
|
|
- width:80px; height:36px;
|
|
|
- -moz-border-radius: 20px;
|
|
|
- -webkit-border-radius: 20px;
|
|
|
- border-radius:20px;
|
|
|
- text-align:center;
|
|
|
- }
|
|
|
- .navbar-default .navbar-nav > li > a {
|
|
|
- color: #12A86B;
|
|
|
- }
|
|
|
- .phone1class
|
|
|
- {
|
|
|
- position:relative;
|
|
|
- animation:phone1 1s ease both;
|
|
|
- -moz-animation:phone1 1s ease both;
|
|
|
- -webkit-animation:phone1 1s ease both;
|
|
|
- -o-animation:phone1 1s ease both;
|
|
|
- -webkit-animation-fill-mode: backwards;
|
|
|
- -moz-animation-fill-mode: backwards;
|
|
|
- -o-animation-fill-mode: backwards;
|
|
|
- animation-fill-mode: backwards;
|
|
|
- }
|
|
|
- .phone2class
|
|
|
- {
|
|
|
- position:relative;
|
|
|
- animation:phone2 1s ease both;
|
|
|
- -moz-animation:phone2 1s ease both;
|
|
|
- -webkit-animation:phone2 1s ease both;
|
|
|
- -o-animation:phone2 1s ease both;
|
|
|
- }
|
|
|
- .phone3class
|
|
|
- {
|
|
|
- position:relative;
|
|
|
- animation:phone1 1s ease both;
|
|
|
- -moz-animation:phone1 1s ease both;
|
|
|
- -webkit-animation:phone1 1s ease both;
|
|
|
- -o-animation:phone1 1s ease both;
|
|
|
- }
|
|
|
-
|
|
|
-
|
|
|
- .phone4class
|
|
|
- {
|
|
|
- position:relative;
|
|
|
- animation:phone2 1s ease both;
|
|
|
- -moz-animation:phone2 1s ease both;
|
|
|
- -webkit-animation:phone2 1s ease both;
|
|
|
- -o-animation:phone2 1s ease both;
|
|
|
- }
|
|
|
- @keyframes phone1
|
|
|
- {
|
|
|
- 0% { transform:translateX(200px); opacity: 0;}
|
|
|
- 100% {transform:translateX(0px); opacity: 1;}
|
|
|
- }
|
|
|
-
|
|
|
- @-moz-keyframes phone1 /* Firefox */
|
|
|
- {
|
|
|
- 0% {-moz-transform:translateX(400px); opacity: 0; }
|
|
|
- 100% {-moz-transform:translateX(0px); opacity: 1; }
|
|
|
- }
|
|
|
-
|
|
|
- @-webkit-keyframes phone1 /* Safari and Chrome */
|
|
|
- {
|
|
|
- 0% {-webkit-transform:translateX(400px); opacity: 0;}
|
|
|
- 100% { -webkit-transform:translateX(0px); opacity: 1; }
|
|
|
- }
|
|
|
-
|
|
|
- @-o-keyframes phone1 /* Opera */
|
|
|
- {
|
|
|
- 0% {-o-transform:translateX(400px); opacity: 0;}
|
|
|
- 100% {-o-transform:translateX(0px); opacity: 1;}
|
|
|
- }
|
|
|
-
|
|
|
-
|
|
|
- @keyframes phone2
|
|
|
- {
|
|
|
- 0% { transform:translateX(-200px); opacity: 0;}
|
|
|
- 100% {transform:translateX(0px); opacity: 1;}
|
|
|
- }
|
|
|
-
|
|
|
- @-moz-keyframes phone2 /* Firefox */
|
|
|
- {
|
|
|
- 0% {-moz-transform:translateX(-200px); opacity: 0; }
|
|
|
- 100% {-moz-transform:translateX(0px); opacity: 1; }
|
|
|
- }
|
|
|
-
|
|
|
- @-webkit-keyframes phone2 /* Safari and Chrome */
|
|
|
- {
|
|
|
- 0% {-webkit-transform:translateX(-200px); opacity: 0;}
|
|
|
- 100% { -webkit-transform:translateX(0px); opacity: 1; }
|
|
|
- }
|
|
|
-
|
|
|
- @-o-keyframes phone2 /* Opera */
|
|
|
- {
|
|
|
- 0% {-o-transform:translateX(-200px); opacity: 0;}
|
|
|
- 100% {-o-transform:translateX(0px); opacity: 1;}
|
|
|
- }
|
|
|
-
|
|
|
-
|
|
|
- ul {
|
|
|
- margin: 0;
|
|
|
- padding: 0;
|
|
|
- list-style-type: none;
|
|
|
- }
|
|
|
-
|
|
|
- .clearfix:after {
|
|
|
- content: "\200B";
|
|
|
- display: block;
|
|
|
- clear: both;
|
|
|
- height: 0;
|
|
|
- }
|
|
|
-
|
|
|
- .clearfix {
|
|
|
- *zoom: 1;
|
|
|
- }
|
|
|
-
|
|
|
- a, input{
|
|
|
- text-decoration: none;
|
|
|
- outline: none;
|
|
|
- }
|
|
|
-
|
|
|
- .footer {
|
|
|
- width: 100%;
|
|
|
- height: auto;
|
|
|
- background-color: #2e323c;}
|
|
|
-
|
|
|
-
|
|
|
- </style>
|
|
|
-</head>
|
|
|
-<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
|
|
|
- <div>
|
|
|
-<!--// 第一屏 start-->
|
|
|
-<div class="box p1" style="position:relative">
|
|
|
-
|
|
|
- <div class="container" id="container" >
|
|
|
- <img src="http://7oxer3.com2.z0.glb.qiniucdn.com/blank.png" />
|
|
|
- <div class="left-b" id="first-code" style="display: none;">
|
|
|
- <img src="http://7oxer3.com2.z0.glb.qiniucdn.com/mobile_1_top.png" alt="" />
|
|
|
- <h1 class="font-1" style="display: none;">又萌又好玩的宠物社区APP</h1>
|
|
|
- <div class="row " style="margin-right:0;margin-left:0; position: relative; ">
|
|
|
- <div class="left-b">
|
|
|
- <img src="http://7oxep6.com2.z0.glb.qiniucdn.com/guanwang_yingyongbao.png" alt="" />
|
|
|
- </div>
|
|
|
- <div class="right-b">
|
|
|
- <ul class="downbtn" style="margin-top: 16px;">
|
|
|
- <li>
|
|
|
- <a href="https://itunes.apple.com/cn/app/id941999996?mt=8i" class="iphone" target="_blank"> <img
|
|
|
- src="http://7oxer3.com2.z0.glb.qiniucdn.com/iphone.png" alt=""
|
|
|
- onMouseOver="this.src='http://7oxer3.com2.z0.glb.qiniucdn.com/iphone_on.png'"
|
|
|
- onMouseOut="this.src='http://7oxer3.com2.z0.glb.qiniucdn.com/iphone.png'">
|
|
|
- </a>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <a href="http://download.wozhua.mobi/xz_wozhua.php?view=0&package_name=wozhua_guanwang" class="android" target="_blank"> <img
|
|
|
- src="http://7oxer3.com2.z0.glb.qiniucdn.com/android.png" alt=""
|
|
|
- onMouseOver="this.src='http://7oxer3.com2.z0.glb.qiniucdn.com/android_on.png'"
|
|
|
- onMouseOut="this.src='http://7oxer3.com2.z0.glb.qiniucdn.com/android.png'">
|
|
|
- </a>
|
|
|
- </li>
|
|
|
- </ul>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
-
|
|
|
- </div>
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
- <div class="right-b">
|
|
|
- <!--// 这里放第1张手机图片-->
|
|
|
- <img id="phoneNum1" src="http://7oxer3.com2.z0.glb.qiniucdn.com/mobile1.png"
|
|
|
- style="display: none;" class="dtu" alt="">
|
|
|
- </div>
|
|
|
-
|
|
|
-
|
|
|
- <!--效果html结束-->
|
|
|
- </div>
|
|
|
-
|
|
|
-</div>
|
|
|
-
|
|
|
-<!--// 第一屏 end-->
|
|
|
-
|
|
|
-<!--// 第二屏 start-->
|
|
|
-
|
|
|
-<div class="box p2" >
|
|
|
-
|
|
|
- <div class="container" id="container">
|
|
|
- <img src="http://7oxer3.com2.z0.glb.qiniucdn.com/blank.png" />
|
|
|
- <div class="left-b">
|
|
|
- <img id="phoneNum2" src="http://7oxer3.com2.z0.glb.qiniucdn.com/mobile4.png"
|
|
|
- style="display:none;z-index: 9999999" alt="" class="dtu"/>
|
|
|
-
|
|
|
- </div>
|
|
|
- <div class="right-b">
|
|
|
- <img src="http://7oxer3.com2.z0.glb.qiniucdn.com/mobile_4.png" alt="" />
|
|
|
- <h1 class="font-2">宠物医生、训犬师、宠物营养师等专家坐堂，一对一为您解答。</h1>
|
|
|
- </div>
|
|
|
-
|
|
|
-
|
|
|
- </div>
|
|
|
-
|
|
|
-</div>
|
|
|
-
|
|
|
-
|
|
|
-<!--// 第二屏 end-->
|
|
|
-<!--// 第四屏 start-->
|
|
|
-
|
|
|
-<div class="box p3" >
|
|
|
-
|
|
|
- <div class="container" id="container">
|
|
|
- <img src="http://7oxer3.com2.z0.glb.qiniucdn.com/blank.png" />
|
|
|
- <div class="left-b">
|
|
|
- <img src="http://7oxer3.com2.z0.glb.qiniucdn.com/mobile_3.png" alt="" id="imgh"/>
|
|
|
- <h1 class="font-3">预约宠物上门美容、洗澡、SPA、洁牙、训犬、驱虫等服务。</h1>
|
|
|
- </div>
|
|
|
- <div class="right-b">
|
|
|
- <img id="phoneNum3" src="http://7oxer3.com2.z0.glb.qiniucdn.com/mobile3.png"
|
|
|
- style="display: none; z-index: 9999999" alt="" class="dtu"/>
|
|
|
- </div>
|
|
|
-
|
|
|
-
|
|
|
- </div>
|
|
|
-
|
|
|
-</div>
|
|
|
-
|
|
|
-<!--// 第四屏 end-->
|
|
|
-<!--// 第三屏 start-->
|
|
|
-
|
|
|
-<div class="box p4" >
|
|
|
-
|
|
|
- <div class="container" id="container">
|
|
|
- <img src="http://7oxer3.com2.z0.glb.qiniucdn.com/blank.png" />
|
|
|
- <div class="left-b">
|
|
|
- <img id="phoneNum4" src="http://7oxer3.com2.z0.glb.qiniucdn.com/mobile2.png"
|
|
|
- style="display: none; z-index: 9999999" alt="" class="dtu">
|
|
|
-
|
|
|
- </div>
|
|
|
- <div class="right-b" id="second-code" style="display: none;">
|
|
|
- <img src="http://7oxer3.com2.z0.glb.qiniucdn.com/mobile_2.png" alt="" >
|
|
|
- <h1 class="font-4">泰迪圈、上海圈、猫猫圈、巧手DIY...<br />总有你喜欢的。</h1>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
-
|
|
|
-</div>
|
|
|
-</div>
|
|
|
-
|
|
|
-<!--// 第三屏 end-->
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-<div class="p5" style="background-color: #2e323c;">
|
|
|
- <div class="container">
|
|
|
- <div class="row">
|
|
|
- <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
|
|
|
-
|
|
|
-
|
|
|
- </div>
|
|
|
- <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
|
|
|
- <img src="http://7oxer3.com2.z0.glb.qiniucdn.com/block.png" alt="" id="block-ts">
|
|
|
- </div>
|
|
|
- </div>
|
|
|
-
|
|
|
- </div>
|
|
|
-</div>
|
|
|
-
|
|
|
-
|
|
|
-<!--// 顶部导航 start -->
|
|
|
-<div class="navbar" style="position:absolute;top:0;left:0;width:100%">
|
|
|
- <div class="container" style="margin:auto">
|
|
|
-
|
|
|
- <img style="display:none;" src="http://7oxep6.com2.z0.glb.qiniucdn.com/favicon144.png" height="50px;" class="pull-left logo-lg" alt=""/>
|
|
|
-
|
|
|
-
|
|
|
- </div>
|
|
|
-</div>
|
|
|
-
|
|
|
-<!--// 底部导航 start-->
|
|
|
-<div class="footer">
|
|
|
- <div class="container" >
|
|
|
- <div class="fotdiv row" style=" margin: 0 auto;">
|
|
|
- <a href="http://www.wozhua.cn/service/" target="_blank" class="fot-normal">宠物上门服务</a>
|
|
|
- <a href="http://www.wozhua.cn" target="_blank" class="fot-normal">握爪</a>
|
|
|
- <a href="http://www.ttpet.com" target="_blank" class="fot-normal">天天宠物网</a>
|
|
|
- <a href="http://c.hr.lagou.com/gongsi/27875.html" target="_blank" class="fot-normal">加入我们</a>
|
|
|
- <a href="http://www.miibeian.gov.cn/" target="_blank" class="fot-normal" style="width: 20%;">沪ICP备12009611号-2</a>
|
|
|
- <br/>
|
|
|
- <br/>
|
|
|
- </div>
|
|
|
- <div class="copy ">
|
|
|
- <p>
|
|
|
- <br/>
|
|
|
- <span>Copyright © 2014 - 2015 握爪. All Rights Reserved.<script type="text/javascript">var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");document.write(unescape("%3Cspan id='cnzz_stat_icon_1253749652'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s4.cnzz.com/stat.php%3Fid%3D1253749652%26show%3Dpic1' type='text/javascript'%3E%3C/script%3E"));</script></span>
|
|
|
- </p>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
-</div>
|
|
|
-<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
|
|
|
-
|
|
|
-<!--// 底部导航 end-->
|
|
|
-<script>
|
|
|
-
|
|
|
- window.onload = function() {
|
|
|
- var creen = $(window).height();
|
|
|
- var h = $('#block-ts').height();
|
|
|
- var conh = $('#imgh').height();
|
|
|
-
|
|
|
-
|
|
|
- var diff = creen - conh;
|
|
|
- if (diff < 0){
|
|
|
- $('.box').css("padding-top",0.6*h);
|
|
|
- }
|
|
|
- if (diff > 0){
|
|
|
- $('.box').css("padding-top",diff*0.5);
|
|
|
-
|
|
|
- }
|
|
|
- $('.p1').css("background-color"," #fff");
|
|
|
- $('.p1').css("background-image","url(http://7oxer3.com2.z0.glb.qiniucdn.com/bg_1_ie.png)");
|
|
|
- $('#first-code').show();
|
|
|
- $('.dian').show();
|
|
|
- $('.p2').css("background-image","url(http://7oxer3.com2.z0.glb.qiniucdn.com/bg_3_ie.png)");
|
|
|
- $('#second-code').show();
|
|
|
- $("#phoneNum1").addClass("phone1class");
|
|
|
- $("#phoneNum1").show();
|
|
|
-
|
|
|
- $(window).bind('scroll', function(e) {
|
|
|
-
|
|
|
- if ($(document).scrollTop() > creen-diff*0.5-1.6*h && $(document).scrollTop() < (creen-diff*0.5-1.6*h)*2 ) {
|
|
|
-
|
|
|
- $("#phoneNum2").show();
|
|
|
- $("#phoneNum2").addClass("phone2class");
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
- }
|
|
|
- if ($(document).scrollTop() > (creen-diff*0.5-1.6*h)*2 && $(document).scrollTop() < (creen-diff*0.5-1.6*h)*3) {
|
|
|
-
|
|
|
-
|
|
|
- $("#phoneNum3").show();
|
|
|
- $("#phoneNum3").addClass("phone3class");
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
- }
|
|
|
- if ($(document).scrollTop() > (creen-diff*0.5-1.6*h)*3 ) {
|
|
|
-
|
|
|
- $("#phoneNum4").show();
|
|
|
- $("#phoneNum4").addClass("phone4class");
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
- }
|
|
|
- });
|
|
|
-
|
|
|
- }
|
|
|
- window.onresize = function() {
|
|
|
-
|
|
|
- changesize()
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
- }
|
|
|
- function changesize(){
|
|
|
- var creen1 = $(window).height();
|
|
|
- var h1 = $('#block-ts').height();
|
|
|
- var conh1 = $('#imgh').height();
|
|
|
-
|
|
|
-
|
|
|
- var diff1 = creen1 - conh1;
|
|
|
- if (diff1 < 0){
|
|
|
- $('.box').css("padding-top",0.6*h1);
|
|
|
- }
|
|
|
- if (diff1 > 0){
|
|
|
- $('.box').css("padding-top",diff1*0.5);
|
|
|
-
|
|
|
- }
|
|
|
- $(window).bind('scroll', function(e) {
|
|
|
-
|
|
|
- if ($(document).scrollTop() > creen1-diff1*0.5-1.6*h1 && $(document).scrollTop() < (creen1-diff1*0.5-1.6*h1)*2 ) {
|
|
|
-
|
|
|
- $("#phoneNum2").show();
|
|
|
- $("#phoneNum2").addClass("phone2class");
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
- }
|
|
|
- if ($(document).scrollTop() > (creen1-diff1*0.5-1.6*h1)*2 && $(document).scrollTop() < (creen1-diff1*0.5-1.6*h1)*3) {
|
|
|
-
|
|
|
-
|
|
|
- $("#phoneNum3").show();
|
|
|
- $("#phoneNum3").addClass("phone3class");
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
- }
|
|
|
- if ($(document).scrollTop() > (creen1-diff1*0.5-1.6*h1)*3 ) {
|
|
|
-
|
|
|
- $("#phoneNum4").show();
|
|
|
- $("#phoneNum4").addClass("phone4class");
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
- }
|
|
|
- });
|
|
|
-
|
|
|
- }
|
|
|
-</script>
|
|
|
-<?php
|
|
|
- function dstrpos($string, $arr, $returnvalue = false) {
|
|
|
- if(empty($string)) return false;
|
|
|
- foreach((array)$arr as $v) {
|
|
|
- if(strpos($string, $v) !== false) {
|
|
|
- $return = $returnvalue ? $v : true;
|
|
|
- return $return;
|
|
|
- }
|
|
|
- }
|
|
|
- return false;
|
|
|
- }
|
|
|
-
|
|
|
- function checkmobile() {
|
|
|
- $mobile = array();
|
|
|
- $touchbrowser_list =array('iphone', 'android', 'phone', 'mobile', 'wap', 'netfront', 'java', 'opera mobi', 'opera mini',
|
|
|
- 'ucweb', 'windows ce', 'symbian', 'series', 'webos', 'sony', 'blackberry', 'dopod', 'nokia', 'samsung',
|
|
|
- 'palmsource', 'xda', 'pieplus', 'meizu', 'midp', 'cldc', 'motorola', 'foma', 'docomo', 'up.browser',
|
|
|
- 'up.link', 'blazer', 'helio', 'hosin', 'huawei', 'novarra', 'coolpad', 'webos', 'techfaith', 'palmsource',
|
|
|
- 'alcatel', 'amoi', 'ktouch', 'nexian', 'ericsson', 'philips', 'sagem', 'wellcom', 'bunjalloo', 'maui', 'smartphone',
|
|
|
- 'iemobile', 'spice', 'bird', 'zte-', 'longcos', 'pantech', 'gionee', 'portalmmm', 'jig browser', 'hiptop',
|
|
|
- 'benq', 'haier', '^lct', '320x320', '240x320', '176x220', 'windows phone');
|
|
|
- $wmlbrowser_list = array('cect', 'compal', 'ctl', 'lg', 'nec', 'tcl', 'alcatel', 'ericsson', 'bird', 'daxian', 'dbtel', 'eastcom',
|
|
|
- 'pantech', 'dopod', 'philips', 'haier', 'konka', 'kejian', 'lenovo', 'benq', 'mot', 'soutec', 'nokia', 'sagem', 'sgh',
|
|
|
- 'sed', 'capitel', 'panasonic', 'sonyericsson', 'sharp', 'amoi', 'panda', 'zte');
|
|
|
-
|
|
|
- $pad_list = array('ipad');
|
|
|
-
|
|
|
- if(isset($_SERVER['HTTP_USER_AGENT'])){
|
|
|
- $useragent = strtolower($_SERVER['HTTP_USER_AGENT']);
|
|
|
- }else{
|
|
|
- $useragent = '';
|
|
|
- }
|
|
|
-
|
|
|
- if(dstrpos($useragent, $pad_list)) {
|
|
|
- return 'pad';
|
|
|
- }
|
|
|
- if(($v = dstrpos($useragent, $touchbrowser_list, true))){
|
|
|
- if(strpos($useragent, 'iphone') || strpos($useragent, 'ipod')){
|
|
|
- return 'ios';
|
|
|
- }else{
|
|
|
- return 'android';
|
|
|
- }
|
|
|
- }
|
|
|
- if(($v = dstrpos($useragent, $wmlbrowser_list))) {
|
|
|
- return 'android';
|
|
|
- }
|
|
|
- return 'pc';
|
|
|
- }
|
|
|
- if(checkmobile()=='android' || checkmobile()=='ios'){
|
|
|
- // 此处php跳转不生效，求解
|
|
|
- // header("Location:http://a.app.qq.com/o/simple.jsp?pkgname=com.cantong.wozhua");
|
|
|
- echo "<script language='javascript'>";
|
|
|
- echo "document.location='http://a.app.qq.com/o/simple.jsp?pkgname=com.cantong.wozhua'";
|
|
|
- echo "</script>";
|
|
|
- die();
|
|
|
- }
|
|
|
-?>
|
|
|
- </div>
|
|
|
-</body>
|
|
|
-</html>
|
Charlie