123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757 |
- <!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>
|