|
@@ -0,0 +1,757 @@
|
|
|
|
+<!DOCTYPE html>
|
|
|
|
+<html lang="en">
|
|
|
|
+<head>
|
|
|
|
+ <meta charset="UTF-8">
|
|
|
|
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
|
+ <meta name="description" content="网站描述" />
|
|
|
|
+ <meta name="keywords" content="网站关键词" />
|
|
|
|
+ <meta content="万户网络 http://www.wanhu.com.cn" name="design">
|
|
|
|
+ <title>有腾管家</title>
|
|
|
|
+ <link rel="stylesheet" href="./css/reset.css">
|
|
|
|
+ <link rel="stylesheet" type="text/css" href="./utils/jquery.fullPage.css" />
|
|
|
|
+ <link rel="stylesheet" href="./utils/swiper-bundle.min.css">
|
|
|
|
+ <link rel="stylesheet" href="./css/index.css">
|
|
|
|
+ <style>
|
|
|
|
+ body{
|
|
|
|
+-webkit-user-select: none;
|
|
|
|
+-moz-user-select: none;
|
|
|
|
+-ms-user-select: none;
|
|
|
|
+user-select: none;
|
|
|
|
+}
|
|
|
|
+ </style>
|
|
|
|
+
|
|
|
|
+</head>
|
|
|
|
+<body leftmargin=0 topmargin=0 oncontextmenu='return false' ondragstart='return false' onselectstart ='return false'>
|
|
|
|
+ <!-- 头部 -->
|
|
|
|
+ <div class="header clearFixed">
|
|
|
|
+ <div class="wrap1">
|
|
|
|
+
|
|
|
|
+ <div class="navBody">
|
|
|
|
+ <ul id="menu">
|
|
|
|
+
|
|
|
|
+ <li data-menuanchor="banner" >
|
|
|
|
+ <a href="#banner">
|
|
|
|
+ <img src="./image/icon.png" alt="" class="iconImg">
|
|
|
|
+ </a>
|
|
|
|
+ </li>
|
|
|
|
+ <div class="nav">
|
|
|
|
+ <li data-menuanchor="intelligentDelivery" >
|
|
|
|
+ <a href="#intelligentDelivery">
|
|
|
|
+ 智能投放
|
|
|
|
+ <span class="activeBorde"></span>
|
|
|
|
+ </a>
|
|
|
|
+
|
|
|
|
+ </li>
|
|
|
|
+ <li data-menuanchor="efficiencyTools">
|
|
|
|
+ <a href="#efficiencyTools">
|
|
|
|
+ 效率工具
|
|
|
|
+ <span class="activeBorde"></span>
|
|
|
|
+ </a>
|
|
|
|
+
|
|
|
|
+ </li>
|
|
|
|
+ <li data-menuanchor="materialManagement">
|
|
|
|
+ <a href="#materialManagement">
|
|
|
|
+ 素材管理
|
|
|
|
+ <span class="activeBorde"></span>
|
|
|
|
+ </a>
|
|
|
|
+
|
|
|
|
+ </li>
|
|
|
|
+ <li data-menuanchor="advertisingInformation">
|
|
|
|
+ <a href="#advertisingInformation">
|
|
|
|
+ 广告情报
|
|
|
|
+ <span class="activeBorde"></span>
|
|
|
|
+ </a>
|
|
|
|
+
|
|
|
|
+ </li>
|
|
|
|
+ <li data-menuanchor="playMaterial">
|
|
|
|
+ <a href="#playMaterial">
|
|
|
|
+ 试玩素材
|
|
|
|
+ <span class="activeBorde"></span>
|
|
|
|
+ </a>
|
|
|
|
+
|
|
|
|
+ </li>
|
|
|
|
+ <li data-menuanchor="experienceDemo">
|
|
|
|
+ <a href="#experienceDemo">
|
|
|
|
+ 体验demo
|
|
|
|
+ <span class="activeBorde"></span>
|
|
|
|
+ </a>
|
|
|
|
+
|
|
|
|
+ </li>
|
|
|
|
+ <li data-menuanchor="aboutUs">
|
|
|
|
+ <a href="./aboutUs.html">
|
|
|
|
+ 关于我们
|
|
|
|
+ <span class="activeBorde"></span>
|
|
|
|
+ </a>
|
|
|
|
+
|
|
|
|
+ </li>
|
|
|
|
+ </div>
|
|
|
|
+
|
|
|
|
+
|
|
|
|
+ </ul>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+
|
|
|
|
+ <div class="container" id="fullpage">
|
|
|
|
+ <!--banner -->
|
|
|
|
+ <div class="section" style="height: 100%;" >
|
|
|
|
+ <div class="swiper-container" style="height: 100%;width:100%;overflow: hidden;">
|
|
|
|
+ <div class="swiper-wrapper" style="height: 100%;width: 100%;">
|
|
|
|
+ <div class="swiper-slide" style="height: 100%;width: 100%;">
|
|
|
|
+ <div data-menuanchor="experienceDemo" >
|
|
|
|
+ <a href="#experienceDemo">
|
|
|
|
+ <img src="./image/1212.png" alt="" class="bannerImg" style="height: 100%;width: 100%;">
|
|
|
|
+ </a>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="swiper-slide" style="height: 100%;">
|
|
|
|
+ <div data-menuanchor="experienceDemo" >
|
|
|
|
+ <a href="#experienceDemo">
|
|
|
|
+ <img src="./image/1212.png" alt="" class="bannerImg" >
|
|
|
|
+ </a>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+
|
|
|
|
+ </div>
|
|
|
|
+ <!-- 如果需要分页器 -->
|
|
|
|
+ <div class="swiper-pagination"></div>
|
|
|
|
+
|
|
|
|
+ </div>
|
|
|
|
+
|
|
|
|
+ </div>
|
|
|
|
+ <!-- 智能投放 -->
|
|
|
|
+ <div class="section">
|
|
|
|
+ <div class="intelligentDelivery clearFixed">
|
|
|
|
+ <div class="wrap">
|
|
|
|
+ <div class="intelligentDeliveryBody">
|
|
|
|
+ <div class="flexBox">
|
|
|
|
+ <div class="intelligentDelivery-top">
|
|
|
|
+ <p class="intelligentDelivery-title">
|
|
|
|
+ 智能高效的产品特点
|
|
|
|
+ </p>
|
|
|
|
+ <p class="intelligentDelivery-title">
|
|
|
|
+ 帮您实现高效高质量的投放工作
|
|
|
|
+ </p>
|
|
|
|
+ <span class="greenBar"></span>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="intelligentDelivery-bottom clearFixed">
|
|
|
|
+ <div class="intelligentDelivery-item">
|
|
|
|
+ <div class="intelligentDelivery-item-img">
|
|
|
|
+ <img src="./image/show2.png" alt="" class="itemImg">
|
|
|
|
+ </div>
|
|
|
|
+ <div class="intelligentDelivery-item-title">
|
|
|
|
+ <p>跨户同步</p>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="intelligentDelivery-item-text">
|
|
|
|
+ <span>快速跨户批量新建项目、广告计划,智能全链投放觉醒,效率一触即达</span>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="intelligentDelivery-item">
|
|
|
|
+ <div class="intelligentDelivery-item-img">
|
|
|
|
+ <img src="./image/show3.png" alt="" class="itemImg">
|
|
|
|
+ </div>
|
|
|
|
+ <div class="intelligentDelivery-item-title">
|
|
|
|
+ <p>批量工具</p>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="intelligentDelivery-item-text">
|
|
|
|
+ <span>多种形式批量创建广告,满足个性化需求,支持转化事件批量导入,降低人工成本</span>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="intelligentDelivery-item">
|
|
|
|
+ <div class="intelligentDelivery-item-img">
|
|
|
|
+ <img src="./image/show1.png" alt="" class="itemImg">
|
|
|
|
+ </div>
|
|
|
|
+ <div class="intelligentDelivery-item-title">
|
|
|
|
+ <p>广告情报</p>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="intelligentDelivery-item-text">
|
|
|
|
+ <span>海量优秀广告素材情报实时收集,跑量数据一目了然,激发创作灵感</span>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+
|
|
|
|
+ <!-- 效率工具 -->
|
|
|
|
+ <div class="section">
|
|
|
|
+ <div class="efficiencyTools">
|
|
|
|
+ <div class="wrap">
|
|
|
|
+ <div class="efficiencyToolsBody ">
|
|
|
|
+ <div class="efficiencyToolsLeft">
|
|
|
|
+
|
|
|
|
+ <div class="efficiencyToolsLeft-title">
|
|
|
|
+ <p>高效高质的智能工具</p>
|
|
|
|
+ <p>全面助力投放工作 提高工作效率</p>
|
|
|
|
+ <div class="orangeBar"></div>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="efficiencyToolsLeft-text">
|
|
|
|
+ <p class="text">批量操作工具&统计报表&跨账户操作,减少优化师重复性工作、解决每日投放数据汇总繁琐、减少频繁切换账号等诉求,保证投放工作全面、高效、高质。</p>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="btn" data-menuanchor="experienceDemo" >
|
|
|
|
+ <a href="#experienceDemo">
|
|
|
|
+ <span>快速体验demo</span>
|
|
|
|
+ </a>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="efficiencyToolsRight">
|
|
|
|
+ <div class="imgBox">
|
|
|
|
+ <img src="./image/S1.png" alt="" class="efficiencyToolsRightIMg">
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+
|
|
|
|
+ <!-- 素材管理 -->
|
|
|
|
+ <div class="section">
|
|
|
|
+ <div class="materialManagement">
|
|
|
|
+ <div class="wrap">
|
|
|
|
+ <div class="materialManagementBody clearFixed">
|
|
|
|
+ <div class="materialManagementLeft">
|
|
|
|
+ <div class="imgBox">
|
|
|
|
+ <img src="./image/S2.png" alt="">
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="materialManagementRight">
|
|
|
|
+ <div class="materialManagementRight-title">
|
|
|
|
+ <p>素材管理流水线</p>
|
|
|
|
+ <p>减少沟通成本 高效跨部门协作</p>
|
|
|
|
+ <div class="orangeBar"></div>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="materialManagementRight-text">
|
|
|
|
+ <p class="text">素材同步流水线式工作,素材上传、素材审核、优秀素材入库一键即达。减少人工沟通成本,提高沟通效率。优秀素材内部共享,激发设计同学创作灵感。</p>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="btn" data-menuanchor="experienceDemo" >
|
|
|
|
+ <a href="#experienceDemo">
|
|
|
|
+ <span>快速体验demo</span>
|
|
|
|
+ </a>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+
|
|
|
|
+ <!-- 广告情报 -->
|
|
|
|
+ <div class="section">
|
|
|
|
+ <div class="advertisingInformation">
|
|
|
|
+ <div class="wrap">
|
|
|
|
+ <div class="efficiencyToolsBody clearFixed">
|
|
|
|
+ <div class="efficiencyToolsLeft">
|
|
|
|
+
|
|
|
|
+ <div class="efficiencyToolsLeft-title">
|
|
|
|
+ <p>千万级营销情报和案例</p>
|
|
|
|
+ <p>海量营销素材,激发无限创意灵感</p>
|
|
|
|
+ <div class="orangeBar"></div>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="efficiencyToolsLeft-text">
|
|
|
|
+ <p class="text">通过人工智能及数据挖掘快速收集西瓜视频、穿山甲、抖音、火山小视频、快手等平台高质量创意和运营情报,提供创意灵感以及高效益创意组合策略。</p>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="btn" data-menuanchor="experienceDemo" >
|
|
|
|
+ <a href="#experienceDemo">
|
|
|
|
+ <span>快速体验demo</span>
|
|
|
|
+ </a>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="efficiencyToolsRight">
|
|
|
|
+ <div class="imgBox">
|
|
|
|
+ <img src="./image/S3.png" alt="">
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+
|
|
|
|
+ <!-- 试玩素材 -->
|
|
|
|
+ <div class="section">
|
|
|
|
+ <div class="playMaterial">
|
|
|
|
+ <div class="wrap">
|
|
|
|
+ <div class="materialManagementBody clearFixed">
|
|
|
|
+ <div class="materialManagementLeft">
|
|
|
|
+ <div class="imgBox">
|
|
|
|
+ <img src="./image/S4.png" alt="">
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="materialManagementRight">
|
|
|
|
+ <div class="efficiencyToolsLeft-title">
|
|
|
|
+ <p>互动试玩广告</p>
|
|
|
|
+ <p>交互沉浸式体验 激发用户好奇心</p>
|
|
|
|
+ <div class="orangeBar"></div>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="materialManagementRight-text">
|
|
|
|
+ <p class="text">互动试玩广告可以让用户在线试玩无需下载,互动性强、适用性高,真实的还原场景和高效的用户转化与留存,为游戏广告带来更高的ROI。</p>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="btn" data-menuanchor="experienceDemo" >
|
|
|
|
+ <a href="#experienceDemo">
|
|
|
|
+ <span>快速体验demo</span>
|
|
|
|
+ </a>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+
|
|
|
|
+ <!-- 体验demo -->
|
|
|
|
+ <div class="section">
|
|
|
|
+ <div class="experienceDemo">
|
|
|
|
+ <div class="wrap">
|
|
|
|
+ <div class="experienceDemoBody">
|
|
|
|
+
|
|
|
|
+ <div class="experienceDemoLeft">
|
|
|
|
+ <div class="experienceDemoRight-title">
|
|
|
|
+ <p class="top">留下您的联系方式</p>
|
|
|
|
+ <p class="bottom">有腾管家营销服务中心将尽快与您联系</p>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="experienceDemoLeft-form">
|
|
|
|
+ <form >
|
|
|
|
+ <div class="item">
|
|
|
|
+ <div class="item-left">
|
|
|
|
+ <input type="text" placeholder="企业名称" class="company">
|
|
|
|
+ <span class="companyTip">公司名称必须填写</span>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="item-right">
|
|
|
|
+ <input type="text" placeholder="姓名" class="name">
|
|
|
|
+ <span class="nameTip">姓名必须填写</span>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="item">
|
|
|
|
+ <div class="item-left1">
|
|
|
|
+
|
|
|
|
+ <select id="province" >
|
|
|
|
+ <option value="省">省份</option>
|
|
|
|
+ </select>
|
|
|
|
+ <span class="arrow">
|
|
|
|
+ <img src="./image/icon_on_the_top.png" alt="">
|
|
|
|
+ </span>
|
|
|
|
+ </div>
|
|
|
|
+ <span class="hengxian"></span>
|
|
|
|
+ <div class="item-left2">
|
|
|
|
+ <select id="city" placeholder="市">
|
|
|
|
+ <option value="城市">城市</option>
|
|
|
|
+ </select>
|
|
|
|
+ <span class="arrow">
|
|
|
|
+ <img src="./image/icon_on_the_top.png" alt="">
|
|
|
|
+ </span>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="item-right">
|
|
|
|
+ <input type="text" placeholder="行业" class="business">
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="item">
|
|
|
|
+ <div class="item-left">
|
|
|
|
+ <input type="text" placeholder="手机号" class="phoneNum">
|
|
|
|
+ <span class="phoneNumtip">请正确填写手机号码</span>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="item-right verificationCodeArea">
|
|
|
|
+ <input type="text" placeholder="验证码" class="verificationCodeValue">
|
|
|
|
+ <div class="clickArea">
|
|
|
|
+ <span class="verificationCode">获取验证码</span>
|
|
|
|
+ <span class="showNum">60s</span>
|
|
|
|
+ <span class="verificationCodetip">验证码填写错误</span>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="item">
|
|
|
|
+ <div class="yuyue"><span>
|
|
|
|
+ 预约营销顾问
|
|
|
|
+ </span></div>
|
|
|
|
+
|
|
|
|
+ </div>
|
|
|
|
+
|
|
|
|
+ </form>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="experienceDemoRight">
|
|
|
|
+ <div class="experienceDemoRight-title">
|
|
|
|
+ <p class="top">立即联系技术顾问</p>
|
|
|
|
+ <p class="bottom">现在立即发送邮件联系有腾管家技术顾问</p>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="experienceDemoRight-imgBOX">
|
|
|
|
+ <img src="./image/people.png" alt="" class="people">
|
|
|
|
+ </div>
|
|
|
|
+ <div class="experienceDemoRight-tip">
|
|
|
|
+ <p class="email">songyinghao@shyouteng.com.cn</p>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="experienceDemoBottom">
|
|
|
|
+ <div class="wrap1">
|
|
|
|
+ <div class="info">
|
|
|
|
+ <p class="topInfo">沪ICP备20021025号-1</p>
|
|
|
|
+ <p class="bottomInfo">Copyright © 2020 上海有腾文化传播有限公司</p>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ <!-- 提交成功页面 -->
|
|
|
|
+ <div class="onSubmitPage">
|
|
|
|
+ <div class="infoBox">
|
|
|
|
+ <div class="infoBody">
|
|
|
|
+ <img src="./image/close.png" alt="" class="closeIcon">
|
|
|
|
+ <div class="infoBodyTop">
|
|
|
|
+ <img src="./image/tijiaochenggong.png" alt="" class="tipImg">
|
|
|
|
+ </div>
|
|
|
|
+ <div class="infoBodyBottom">
|
|
|
|
+ <p class="tipBig">信息提交成功</p>
|
|
|
|
+ <p class="tipSmall">请您耐心等待,有腾营销服务中心将在48小时之内与您取得联系,并为您提供定制化服务</p>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+
|
|
|
|
+
|
|
|
|
+ </div>
|
|
|
|
+
|
|
|
|
+
|
|
|
|
+
|
|
|
|
+ <script src="./utils/jquery-3.5.1.min.js"></script>
|
|
|
|
+ <script src="./utils/fullPage.js"></script>
|
|
|
|
+ <script src="./utils/jquery.easing.min.js"></script>
|
|
|
|
+ <script src="./utils/swiper-bundle.min.js"></script>
|
|
|
|
+ <script src="./js/cityData.js"></script>
|
|
|
|
+ <script>
|
|
|
|
+ $('.showNum').hide();
|
|
|
|
+ $('.companyTip').hide();
|
|
|
|
+ $('.nameTip').hide();
|
|
|
|
+ $('.phoneNumtip').hide();
|
|
|
|
+ $('.verificationCodetip').hide();
|
|
|
|
+ $('.onSubmitPage').hide();
|
|
|
|
+
|
|
|
|
+ $(function(){
|
|
|
|
+ var mySwiper = new Swiper ('.swiper-container', {
|
|
|
|
+ direction: 'horizontal', // 水平切换
|
|
|
|
+ loop: true, // 循环模式选项
|
|
|
|
+ autoplay:true,
|
|
|
|
+ // 如果需要分页器
|
|
|
|
+ pagination: {
|
|
|
|
+ el: '.swiper-pagination',
|
|
|
|
+ },
|
|
|
|
+ })
|
|
|
|
+ $('#fullpage').fullpage({
|
|
|
|
+ anchors: ['banner','intelligentDelivery', 'efficiencyTools', 'materialManagement', 'advertisingInformation','playMaterial','experienceDemo','aboutUs'],
|
|
|
|
+ menu: '#menu',
|
|
|
|
+ navigation:true,
|
|
|
|
+ navigationPosition: 'right',//导航小圆点的位置
|
|
|
|
+ resize : true,
|
|
|
|
+ fitToSection: true,
|
|
|
|
+
|
|
|
|
+ onLeave (index, nextIndex, direction){
|
|
|
|
+ console.log(index, nextIndex, direction);
|
|
|
|
+
|
|
|
|
+ if(direction=='down'&&index==1){
|
|
|
|
+ $('.header').addClass('headerColor')
|
|
|
|
+ }else if(direction=='up'&&nextIndex==1){
|
|
|
|
+ $('.header').removeClass('headerColor')
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ if(index == '2'){
|
|
|
|
+ $('.intelligentDelivery').find('.intelligentDelivery-bottom').delay(0).animate({
|
|
|
|
+ bottom: '-600px'
|
|
|
|
+ }, 0, 'easeOutExpo');
|
|
|
|
+
|
|
|
|
+ }
|
|
|
|
+ if(index == '3'){
|
|
|
|
+ $('.efficiencyTools').find('.efficiencyToolsLeft').delay(0).animate({
|
|
|
|
+ left:'-1000px'
|
|
|
|
+ }, 1000, 'easeOutExpo');
|
|
|
|
+ $('.efficiencyTools').find('.efficiencyToolsRight').delay(0).animate({
|
|
|
|
+ right:'-1000px'
|
|
|
|
+ }, 1000, 'easeOutExpo');
|
|
|
|
+ }
|
|
|
|
+ if(index == '4'){
|
|
|
|
+
|
|
|
|
+ $('.materialManagement').find('.materialManagementLeft').delay(0).animate({
|
|
|
|
+ left:'-1000px'
|
|
|
|
+ }, 1000, 'easeOutExpo');
|
|
|
|
+ $('.materialManagement').find('.materialManagementRight').delay(0).animate({
|
|
|
|
+ right:'-1000px'
|
|
|
|
+ }, 1000, 'easeOutExpo');
|
|
|
|
+ }
|
|
|
|
+ if(index == '5'){
|
|
|
|
+
|
|
|
|
+ $('.advertisingInformation').find('.efficiencyToolsLeft').delay(0).animate({
|
|
|
|
+ left:'-1000px'
|
|
|
|
+ }, 1000, 'easeOutExpo');
|
|
|
|
+ $('.advertisingInformation').find('.efficiencyToolsRight').delay(0).animate({
|
|
|
|
+ right:'-1000px'
|
|
|
|
+ }, 1000, 'easeOutExpo');
|
|
|
|
+ }
|
|
|
|
+ if(index == '6'){
|
|
|
|
+
|
|
|
|
+ $('.playMaterial').find('.materialManagementLeft').delay(0).animate({
|
|
|
|
+ left:'-1000px'
|
|
|
|
+ }, 1000, 'easeOutExpo');
|
|
|
|
+ $('.playMaterial').find('.materialManagementRight').delay(0).animate({
|
|
|
|
+ right:'-1000px'
|
|
|
|
+ }, 1000, 'easeOutExpo');
|
|
|
|
+ }
|
|
|
|
+ },
|
|
|
|
+
|
|
|
|
+
|
|
|
|
+ afterLoad: function(anchorLink, index){
|
|
|
|
+ console.log(anchorLink, index)
|
|
|
|
+ if(index == 2){
|
|
|
|
+
|
|
|
|
+ $('.intelligentDelivery').find('.intelligentDelivery-bottom').delay(-500).animate({
|
|
|
|
+ bottom: '0'
|
|
|
|
+ }, 1000, 'easeOutExpo');
|
|
|
|
+ }
|
|
|
|
+ if(index == 3){
|
|
|
|
+ $('.efficiencyTools').find('.efficiencyToolsLeft').delay(-500).animate({
|
|
|
|
+ left:'0'
|
|
|
|
+ }, 1000, 'easeOutExpo');
|
|
|
|
+ $('.efficiencyTools').find('.efficiencyToolsRight').delay(-500).animate({
|
|
|
|
+ right:'0'
|
|
|
|
+ }, 1000, 'easeOutExpo');
|
|
|
|
+ }
|
|
|
|
+ if(index == 4){
|
|
|
|
+ if(index == '4')
|
|
|
|
+
|
|
|
|
+ $('.materialManagement').find('.materialManagementLeft').delay(0-500).animate({
|
|
|
|
+ left:'0px'
|
|
|
|
+ }, 1000, 'easeOutExpo');
|
|
|
|
+ $('.materialManagement').find('.materialManagementRight').delay(-500).animate({
|
|
|
|
+ right:'0px'
|
|
|
|
+ }, 1000, 'easeOutExpo');
|
|
|
|
+
|
|
|
|
+ }
|
|
|
|
+ if(index == 5){
|
|
|
|
+
|
|
|
|
+
|
|
|
|
+ $('.advertisingInformation').find('.efficiencyToolsLeft').delay(-500).animate({
|
|
|
|
+ left:'0px'
|
|
|
|
+ }, 1000, 'easeOutExpo');
|
|
|
|
+ $('.advertisingInformation').find('.efficiencyToolsRight').delay(-500).animate({
|
|
|
|
+ right:'0px'
|
|
|
|
+ }, 1000, 'easeOutExpo');
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ if(index == 6){
|
|
|
|
+
|
|
|
|
+ $('.playMaterial').find('.materialManagementLeft').delay(-500).animate({
|
|
|
|
+ left:'0px'
|
|
|
|
+ }, 1000, 'easeOutExpo');
|
|
|
|
+ $('.playMaterial').find('.materialManagementRight').delay(-500).animate({
|
|
|
|
+ right:'0px'
|
|
|
|
+ }, 1000, 'easeOutExpo');
|
|
|
|
+
|
|
|
|
+ }
|
|
|
|
+ },
|
|
|
|
+
|
|
|
|
+ });
|
|
|
|
+
|
|
|
|
+ for(let key in address){
|
|
|
|
+ $('#province').append(`<option value="${key}" >${key}</option>`)
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ });
|
|
|
|
+
|
|
|
|
+ console.log(address);
|
|
|
|
+
|
|
|
|
+
|
|
|
|
+ $('#province').on('change',()=>{
|
|
|
|
+ $('#city').empty();
|
|
|
|
+ $('#city').append(` <option value="城市">城市</option>`)
|
|
|
|
+ for(let key in address){
|
|
|
|
+ if($('#province').val()==key){
|
|
|
|
+ let cityArr=address[key]
|
|
|
|
+ console.log(cityArr)
|
|
|
|
+ cityArr.forEach(element => {
|
|
|
|
+ $('#city').append(`<option value="${element}" '>${element}</option>`)
|
|
|
|
+ });
|
|
|
|
+
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ })
|
|
|
|
+
|
|
|
|
+ $('.verificationCode').on('click',()=>{
|
|
|
|
+ // console.log('huoqu');
|
|
|
|
+ console.log($('.phoneNum').val())
|
|
|
|
+ if($('.phoneNum').val().length==11&&(/^1[3456789]\d{9}$/.test($('.phoneNum').val()))){
|
|
|
|
+
|
|
|
|
+ $('.verificationCode').hide();
|
|
|
|
+ $('.showNum').show();
|
|
|
|
+ let index=59
|
|
|
|
+ $.ajax({
|
|
|
|
+ url:'http://129.28.197.250:8089/rest/sms/sendCode',
|
|
|
|
+ type:'POST',
|
|
|
|
+ async:true,
|
|
|
|
+ contentType:'application/json',
|
|
|
|
+ data:JSON.stringify({
|
|
|
|
+ phoneNumber:$('.phoneNum').val(),
|
|
|
|
+ sceneName:"website"
|
|
|
|
+ }),
|
|
|
|
+ success:(res)=>{
|
|
|
|
+ console.log(res)
|
|
|
|
+ if(res.head.code!=200){
|
|
|
|
+ // $('.resTip').html(res.body.errorMag)
|
|
|
|
+ // $('.verificationCodetip').show();
|
|
|
|
+ $('.tipImg').attr('src','./image/error.png');
|
|
|
|
+ $('.tipBig').html(res.head.msg)
|
|
|
|
+ $('.tipSmall').html(res.body.errorMsg)
|
|
|
|
+ $('.onSubmitPage').show();
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ })
|
|
|
|
+
|
|
|
|
+ let timer=setInterval(() => {
|
|
|
|
+
|
|
|
|
+ $('.showNum').html(`${index}s`)
|
|
|
|
+ index--;
|
|
|
|
+ if(index<0){
|
|
|
|
+ $('.showNum').html('60s');
|
|
|
|
+ $('.showNum').hide();
|
|
|
|
+ $('.verificationCode').show();
|
|
|
|
+ index=59
|
|
|
|
+
|
|
|
|
+ clearInterval(timer);
|
|
|
|
+ // index=59
|
|
|
|
+ }
|
|
|
|
+ }, 1000);
|
|
|
|
+
|
|
|
|
+ }else{
|
|
|
|
+ $('.phoneNum').parents('.item-left').addClass('error');
|
|
|
|
+ }
|
|
|
|
+ })
|
|
|
|
+
|
|
|
|
+
|
|
|
|
+ $('.yuyue').on('click',yanzheng)
|
|
|
|
+ function yanzheng(){
|
|
|
|
+ let company=$('.company').val();
|
|
|
|
+ let userName=$('.name').val();
|
|
|
|
+ let address=`${$('#province').val()}省${$('#city').val()}市`;
|
|
|
|
+ let business=$('.business').val();
|
|
|
|
+ let phone=$('.phoneNum').val();
|
|
|
|
+ let code=$('.verificationCodeValue').val();
|
|
|
|
+ if(company&&userName&&phone.length==11&&code){
|
|
|
|
+ $.ajax({
|
|
|
|
+ type:'POST',
|
|
|
|
+ url:'http://129.28.197.250:8089/rest/sms/verifyCode',
|
|
|
|
+ async:true,
|
|
|
|
+ contentType:'application/json',
|
|
|
|
+ data:JSON.stringify({
|
|
|
|
+ phoneNumber:$('.phoneNum').val(),
|
|
|
|
+ sceneName:"website",
|
|
|
|
+ code,
|
|
|
|
+ }),
|
|
|
|
+ success:(res)=>{
|
|
|
|
+ console.log(res)
|
|
|
|
+ if(res.head.code==200){
|
|
|
|
+ submitFormData();
|
|
|
|
+ }else{
|
|
|
|
+ // $('.resTip').html(res.body.errorMag)
|
|
|
|
+ $('.tipImg').attr('src','./image/error.png');
|
|
|
|
+ $('.tipBig').html(res.head.msg)
|
|
|
|
+ $('.tipSmall').html(res.body.errorMsg)
|
|
|
|
+ $('.onSubmitPage').show();
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ })
|
|
|
|
+ }else{
|
|
|
|
+ if(!company){
|
|
|
|
+ $('.company').parents('.item-left').addClass('error');
|
|
|
|
+ }
|
|
|
|
+ if(!userName){
|
|
|
|
+ $('.name').parents('.item-right').addClass('error');
|
|
|
|
+ }
|
|
|
|
+ if(!phone||$('.phoneNum').val().length!=11||!(/^1[3456789]\d{9}$/.test($('.phoneNum').val()))){
|
|
|
|
+ $('.phoneNum').parents('.item-left').addClass('error');
|
|
|
|
+ }
|
|
|
|
+ if(!code){
|
|
|
|
+ $('.verificationCodeValue').parents('.item-right').addClass('error');
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ }
|
|
|
|
+ $('.company').on('change',()=>{
|
|
|
|
+ if($('.company').val()){
|
|
|
|
+ $('.company').parents('.item-left').removeClass('error');
|
|
|
|
+ }
|
|
|
|
+ });
|
|
|
|
+ $('.name').on('change',()=>{
|
|
|
|
+ if($('.name').val()){
|
|
|
|
+ $('.name').parents('.item-right').removeClass('error');
|
|
|
|
+ }
|
|
|
|
+ });
|
|
|
|
+
|
|
|
|
+ $('.phoneNum').on('change',()=>{
|
|
|
|
+ // if(!(/^1[3456789]\d{9}$/.test(phone))){
|
|
|
|
+ // alert("手机号码有误,请重填");
|
|
|
|
+ // return false;
|
|
|
|
+ // }
|
|
|
|
+ if($('.phoneNum').val().length>=11){
|
|
|
|
+ $('.phoneNum').parents('.item-left').removeClass('error');
|
|
|
|
+ }
|
|
|
|
+ });
|
|
|
|
+ $('.verificationCodeValue').on('change',()=>{
|
|
|
|
+ if($('.verificationCodeValue').val().length==4){
|
|
|
|
+ $('.verificationCodeValue').parents('.item-right').removeClass('error');
|
|
|
|
+ }
|
|
|
|
+ });
|
|
|
|
+
|
|
|
|
+
|
|
|
|
+ $('.closeIcon').on('click',()=>{
|
|
|
|
+ $('.onSubmitPage').hide();
|
|
|
|
+ })
|
|
|
|
+
|
|
|
|
+ function submitFormData(){
|
|
|
|
+ let company=$('.company').val();
|
|
|
|
+ let userName=$('.name').val();
|
|
|
|
+ let address=`${$('#province').val()}省${$('#city').val()}市`;
|
|
|
|
+ let business=$('.business').val();
|
|
|
|
+ let phone=$('.phoneNum').val();
|
|
|
|
+ if(company&&userName&&phone.length==11){
|
|
|
|
+ $.ajax({
|
|
|
|
+ type:'POST',
|
|
|
|
+ url:'http://129.28.197.250:8089/hcst/youteng/visit/add',
|
|
|
|
+ async:true,
|
|
|
|
+ contentType:'application/json',
|
|
|
|
+ data:JSON.stringify({
|
|
|
|
+ company,
|
|
|
|
+ userName,
|
|
|
|
+ address,
|
|
|
|
+ business,
|
|
|
|
+ phone
|
|
|
|
+ }),
|
|
|
|
+ success:(res)=>{
|
|
|
|
+ console.log(res);
|
|
|
|
+ if(res.success){
|
|
|
|
+ $('.yuyue').html('预约成功');
|
|
|
|
+ $('.yuyue').addClass('successOK')
|
|
|
|
+ $('.yuyue').off('click',yanzheng);
|
|
|
|
+ $('.showNum').hide();
|
|
|
|
+ $('.verificationCode').show();
|
|
|
|
+ $('.onSubmitPage').show();
|
|
|
|
+ $('.tipImg').attr('src','./image/tijiaochenggong.png');
|
|
|
|
+ $('.tipBig').html('信息提交成功')
|
|
|
|
+ $('.tipSmall').html('请您耐心等待,有腾营销服务中心将在48小时之内与您取得联系,并为您提供定制化服务')
|
|
|
|
+ }else{
|
|
|
|
+ $('.tipImg').attr('src','./image/error.png');
|
|
|
|
+ $('.tipBig').html('信息提交失败')
|
|
|
|
+ $('.tipSmall').html(res.message)
|
|
|
|
+ $('.onSubmitPage').show();
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ })
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+
|
|
|
|
+
|
|
|
|
+
|
|
|
|
+ </script>
|
|
|
|
+</body>
|
|
|
|
+</html>
|