668 lines
29 KiB
HTML
668 lines
29 KiB
HTML
<!DOCTYPE html>
|
||
<html>
|
||
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||
<title>北京阿罗科斯信息技术公司</title>
|
||
<meta name="keywords" content="">
|
||
<meta name="description" content="">
|
||
<meta name="author" content="#" />
|
||
<link rel="shortcut icon" href="/favicon.ico" />
|
||
<link type="text/css" rel="stylesheet" href="./style/css/gobal.css" />
|
||
<link type="text/css" rel="stylesheet" href="./style/css/style.css" />
|
||
<link type="text/css" rel="stylesheet" href="./style/css/animate.min.css" />
|
||
<link type="text/css" rel="stylesheet" href="./style/css/owl.carousel.css" />
|
||
<style>
|
||
.pic img {
|
||
height: 230px;
|
||
}
|
||
|
||
.index-kehu .clearfix img {
|
||
height: 104px;
|
||
}
|
||
</style>
|
||
<script type="text/javascript" src="./style/js/jquery.js"></script>
|
||
<script type="text/javascript" src="./style/js/common.js"></script>
|
||
<script type="text/javascript" src="./style/js/owl.carousel.js"></script>
|
||
<script type="text/javascript" src="./style/js/wow.min.js"></script>
|
||
<script type="text/javascript">
|
||
new WOW().init();
|
||
</script>
|
||
</head>
|
||
|
||
<body>
|
||
|
||
<div id="head">
|
||
<header>
|
||
<div class="header">
|
||
<div class="logo"><a href="index.html"><img src="./static/images/logo.png" alt="北京阿罗科斯信息技术"></a></div>
|
||
<div class="nav">
|
||
<ul>
|
||
<li class="on"><a href="index.html">首页</a></li>
|
||
|
||
<li>
|
||
<a href="serve.html" title="">软件服务</a>
|
||
</li>
|
||
<li>
|
||
<a href="caselist.html" title="">平台产品</a>
|
||
</li>
|
||
<li>
|
||
<a href="newslist.html" title="">行业资讯</a>
|
||
</li>
|
||
<li>
|
||
<a href="aboutus.html" title="">关于我们</a>
|
||
</li>
|
||
<li>
|
||
<a href="contact.html" title="">联系我们</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<div class="myPhone">服务热线:<b><a href="tel:13671001072">13671001072</a></b></div>
|
||
<div class="btn-m-list"> <span></span> <span></span> <span></span> <span></span> </div>
|
||
</div>
|
||
</header>
|
||
<div class="neirong neirong-hide">
|
||
<div class="neirong-bd">
|
||
<a href="index.html" class="neirong-on">首页</a>
|
||
<a href="serve.html" title="服务" class="">软件服务 </a>
|
||
<a href="caselist.html" title="作品" class="">平台产品 </a>
|
||
<a href="newslist.html" title="资讯" class="">行业资讯 </a>
|
||
<a href="aboutus.html" title="我们" class="">关于我们 </a>
|
||
<a href="contact.html" title="联系" class="">联系我们 </a>
|
||
</div>
|
||
<div class="neirong-close"></div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<div id="warpper">
|
||
<section>
|
||
<div class="contain">
|
||
<div class="bannerwarp">
|
||
<div class="scrollBar">
|
||
<script type="text/javascript" src="./style/js/jquery.bxslider.js"></script>
|
||
<div class="inbanner">
|
||
<ul class="visual_slide">
|
||
<li> <a class="bannerheight web-banner" href="javascript:void(0)"><img
|
||
src="./static/images/banner1.jpg"></a>
|
||
</li>
|
||
<li> <a class="bannerheight web-banner" href="javascript:void(0)"><img
|
||
src="./static/images/banner2.jpeg"></a>
|
||
</li>
|
||
|
||
</ul>
|
||
</div>
|
||
<div class="index-waper-box">
|
||
<div class="index-back-box digital">
|
||
<div class="sub-arrows bx-controls-direction"> <i class="icom prev bx-prev"></i> <i
|
||
class="icom next bx-next"></i> </div>
|
||
<div class="sub-mouse"> <span><img src="./style/images/sub-mouse.png" /></span> </div>
|
||
<div class="IndexList active">
|
||
<ul>
|
||
<li> <b><em class="nub timer" id="count-number" data-to="9" data-speed="1500">9</em></b> <span
|
||
class="pd"><span class="pd">项服务标准</span></span> </li>
|
||
<li> <b><em class="nub timer" id="count-number" data-to="3000" data-speed="1500">3000</em></b> <span
|
||
class="pd"> <span class="pd">家客户选择</span></span> </li>
|
||
<li> <b><em class="nub timer" id="count-number" data-to="112" data-speed="1500">112</em></b> <span
|
||
class="pd"><span class="pd">项细节标准</span></span> </li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="section01">
|
||
<div class="layout">
|
||
<div class="index-title wow fadeInUp" data-wow-delay="0.0s"> <span>高端创意建站品牌专家</span>
|
||
我们以高品质设计创造商业价值，以创新理念提升品牌影响力 </div>
|
||
<div class="index-ser">
|
||
<ul class="clearfix">
|
||
<li>
|
||
<div class="item wow fadeInUp" data-wow-delay="0.2s"><a href="javascript:void(0)"> <i
|
||
style="background-image:url(./style/images/s1.png);" class="co"></i>
|
||
<h2>高端定制网站建设</h2>
|
||
<span><span>品牌集团官网、专注于创意和用户体验设计，提升品牌价值</span></span>
|
||
</a></div>
|
||
</li>
|
||
<li>
|
||
<div class="item wow fadeInUp" data-wow-delay="0.4s"><a href="javascript:void(0)"> <i
|
||
style="background-image:url(./style/images/s2.png);" class="co"></i>
|
||
<h2>响应式网站建设</h2>
|
||
<span><span>PC、平板、手机、微信端四网合一，让你的网站无所不能</span></span>
|
||
</a></div>
|
||
</li>
|
||
<li>
|
||
<div class="item wow fadeInUp" data-wow-delay="0.6s"><a href="javascript:void(0)"> <i
|
||
style="background-image:url(./style/images/s3.png);" class="co"></i>
|
||
<h2>营销型网站建设</h2>
|
||
<span><span>从客户角度出发，针对性策划方案，激发目标客户咨询</span></span>
|
||
</a></div>
|
||
</li>
|
||
<li>
|
||
<div class="item wow fadeInUp" data-wow-delay="0.8s"><a href="javascript:void(0)"> <i
|
||
style="background-image:url(./style/images/s4.png);" class="co"></i>
|
||
<h2>商城网站建设</h2>
|
||
<span><span>PC商城、H5商城，让您的网站全面覆盖互联网</span></span>
|
||
</a></div>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="section02">
|
||
<div class="layout">
|
||
<div class="index-title wow fadeInUp" data-wow-delay="0.0s"> <span>软件产品</span> 我们未来会更加努力，创造更多更好的作品。期待与您的合作！
|
||
</div>
|
||
|
||
<div class="index-case">
|
||
<ul class="clearfix">
|
||
<li class="wow fadeInUp" data-wow-delay="0.0s">
|
||
<div class="pic"> <img src="./static/images/case/case1.jpeg" />
|
||
<div class="btn-group trans"> <a class="details_btn trans" href="casedetails.html?id=1">作品详情</a>
|
||
</div>
|
||
</div>
|
||
<a href="casedetails.html?id=1">
|
||
<h2 class="h2"> <span>大屏信息可视化</span> <i></i> </h2>
|
||
</a>
|
||
</li>
|
||
<li class="wow fadeInUp" data-wow-delay="0.0s">
|
||
<div class="pic"> <img src="./static/images/case/case2.png" />
|
||
<div class="btn-group trans"> <a class="details_btn trans" href="casedetails.html?id=2">作品详情</a>
|
||
</div>
|
||
</div>
|
||
<a href="casedetails.html?id=2">
|
||
<h2 class="h2"> <span>统一身份登录认证（Unified Identity Authentication）</span> <i></i> </h2>
|
||
</a>
|
||
</li>
|
||
<li class="wow fadeInUp" data-wow-delay="0.0s">
|
||
<div class="pic"> <img src="./static/images/case/case3.png" />
|
||
<div class="btn-group trans"> <a class="details_btn trans" href="casedetails.html?id=3">作品详情</a>
|
||
</div>
|
||
</div>
|
||
<a href="casedetails.html?id=3">
|
||
<h2 class="h2"> <span> 数据融合业务中台</span> <i></i> </h2>
|
||
</a>
|
||
</li>
|
||
<li class="wow fadeInUp" data-wow-delay="0.0s">
|
||
<div class="pic"> <img src="./static/images/case/case4.jpg" />
|
||
<div class="btn-group trans"> <a class="details_btn trans" href="casedetails.html?id=4">作品详情</a>
|
||
</div>
|
||
</div>
|
||
<a href="casedetails.html?id=4">
|
||
<h2 class="h2"> <span>基础服务系统管理</span> <i></i> </h2>
|
||
</a>
|
||
</li>
|
||
<li class="wow fadeInUp" data-wow-delay="0.0s">
|
||
<div class="pic"> <img src="./static/images/case/case5.png" />
|
||
<div class="btn-group trans"> <a class="details_btn trans" href="casedetails.html?id=5">作品详情</a>
|
||
</div>
|
||
</div>
|
||
<a href="casedetails.html?id=5">
|
||
<h2 class="h2"> <span>12316农业部</span> <i></i> </h2>
|
||
</a>
|
||
</li>
|
||
|
||
</ul>
|
||
<a class="indexmore" href="caselist.html">MORE</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="section03">
|
||
<div class="layout">
|
||
<div class="index-title wow fadeInUp" data-wow-delay="0.0s"> <span>我们服务于一流的客户</span>
|
||
每一个企业的品牌梦想，我们都将鼎力相助——品牌创造价值 Brand to create value</div>
|
||
<div class="index-kehu">
|
||
<ul class="clearfix">
|
||
<li class="wow fadeInUp" data-wow-delay="0.05s"> <a href="javascript:void(0);"> <span><img
|
||
alt="[list:title]" title="[list:title]" src="./static/images/kehu1.jpg" /></span> <i
|
||
class="bg"></i></a>
|
||
</li>
|
||
<li class="wow fadeInUp" data-wow-delay="0.05s"> <a href="javascript:void(0);"> <span><img
|
||
alt="[list:title]" title="[list:title]" src="./static/images/kehu2.jpg" /></span> <i
|
||
class="bg"></i></a>
|
||
</li>
|
||
<li class="wow fadeInUp" data-wow-delay="0.05s"> <a href="javascript:void(0);"> <span><img
|
||
alt="[list:title]" title="[list:title]"
|
||
src="./static/upload/image/20211027/1635329958820808.jpg" /></span> <i class="bg"></i></a>
|
||
</li>
|
||
<li class="wow fadeInUp" data-wow-delay="0.05s"> <a href="javascript:void(0);"> <span><img
|
||
alt="[list:title]" title="[list:title]"
|
||
src="./static/upload/image/20211027/1635329958820808.jpg" /></span> <i class="bg"></i></a>
|
||
</li>
|
||
<li class="wow fadeInUp" data-wow-delay="0.05s"> <a href="javascript:void(0);"> <span><img
|
||
alt="[list:title]" title="[list:title]"
|
||
src="./static/upload/image/20211027/1635329958820808.jpg" /></span> <i class="bg"></i></a>
|
||
</li>
|
||
<li class="wow fadeInUp" data-wow-delay="0.05s"> <a href="javascript:void(0);"> <span><img
|
||
alt="[list:title]" title="[list:title]"
|
||
src="./static/upload/image/20211027/1635329958820808.jpg" /></span> <i class="bg"></i></a>
|
||
</li>
|
||
<li class="wow fadeInUp" data-wow-delay="0.05s"> <a href="javascript:void(0);"> <span><img
|
||
alt="[list:title]" title="[list:title]"
|
||
src="./static/upload/image/20211027/1635329958820808.jpg" /></span> <i class="bg"></i></a>
|
||
</li>
|
||
<li class="wow fadeInUp" data-wow-delay="0.05s"> <a href="javascript:void(0);"> <span><img
|
||
alt="[list:title]" title="[list:title]"
|
||
src="./static/upload/image/20211027/1635329958820808.jpg" /></span> <i class="bg"></i></a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="section04">
|
||
<div class="layout">
|
||
<div class="index-title wow fadeInUp" data-wow-delay="0.0s"> <span>资讯</span>
|
||
观察行业视觉，用专业的角度，讲出你们的心声。 </div>
|
||
<div class="index-news">
|
||
<div class="owl-carousel" id="owl-demo2">
|
||
<div class="item wow fadeInUp" data-wow-delay="0.0s"> <a href="newdetails.html" title="">
|
||
<div class="tmain"> <span class="time">2024-08-23 10:37</span>
|
||
<h3 class="title overflowtxt">汉得x华为云｜圆桌对话：AI应用探索与实践分享</h3>
|
||
<div class="h3">
|
||
大模型技术作为人工智能领域的一项重要突破，正在逐渐改变传统产业的发展模式，其强大的数据处理能力和模式识别能力，为传统企业提供了智能化、自动化升级的新机遇。然而谈及如何高效利用大模型技术去解决企业运营当中的实际问题，提升市场竞争力，仍是企业需要深入探讨的问题。
|
||
</div>
|
||
<span class="more">Load More</span>
|
||
</div>
|
||
</a> </div>
|
||
<div class="item wow fadeInUp" data-wow-delay="0.0s"> <a href="newdetails.html" title="">
|
||
<div class="tmain"> <span class="time">2024-01-01</span>
|
||
<h3 class="title overflowtxt">人工智能应用深化</h3>
|
||
<div class="h3">人工智能技术在软件服务行业的应用不断深化，从基础研发到应用落地，形成了完整的产业链。大模型等新技术在软件产品中的集成和应用，进一步提升了软件的智能化水平。
|
||
</div>
|
||
<span class="more">Load More</span>
|
||
</div>
|
||
</a>
|
||
</div>
|
||
|
||
<div class="item wow fadeInUp" data-wow-delay="0.0s"> <a href="newdetails.html" title="">
|
||
<div class="tmain"> <span class="time">2024-01-01</span>
|
||
<h3 class="title overflowtxt">云计算与大数据</h3>
|
||
<div class="h3">云计算和大数据技术为软件服务行业提供了强大的支撑，使得软件产品能够更高效地处理海量数据，实现更精准的业务分析和决策支持。</div>
|
||
<span class="more">Load More</span>
|
||
</div>
|
||
</a>
|
||
</div>
|
||
|
||
<div class="item wow fadeInUp" data-wow-delay="0.0s"> <a href="newdetails.html" title="">
|
||
<div class="tmain"> <span class="time">2024-01-01</span>
|
||
<h3 class="title overflowtxt">低代码/无代码平台</h3>
|
||
<div class="h3">低代码/无代码平台降低了软件开发的门槛，使得非专业开发人员也能快速构建和部署应用。这一趋势将推动软件行业的进一步普及和发展。</div>
|
||
<span class="more">Load More</span>
|
||
</div>
|
||
</a>
|
||
</div>
|
||
|
||
<div class="item wow fadeInUp" data-wow-delay="0.0s"> <a href="newdetails.html" title="">
|
||
<div class="tmain"> <span class="time">2024-01-01</span>
|
||
<h3 class="title overflowtxt">云服务</h3>
|
||
<div class="h3">基础设施即服务（IaaS） 将计算资源、存储资源和网络资源等封装成一个独立的虚拟环境，专为企业用户、开发者提供对计算资源、存储资源和网络资源的使用权。
|
||
平台即服务（PaaS）将软件研发的平台作为一种服务，提供给用户。用户可以在该平台上使用开发工具、数据库、服务器等资源，快速构建和部署应用程序。
|
||
软件即服务（SaaS）将软件应用程序作为服务提供给用户。用户可以通过互联网连接并管理应用程序，而无需在本地计算机上安装和运行。
|
||
存储即服务（Storage as a Service, StaaS）将数据存储和备份功能作为服务提供给用户。用户可以通过云平台获得数据存储和备份的虚拟化环境，实现数据的集中管理和备份。
|
||
</div>
|
||
<span class="more">Load More</span>
|
||
</div>
|
||
</a>
|
||
</div>
|
||
|
||
<div class="item wow fadeInUp" data-wow-delay="0.0s"> <a href="newdetails.html" title="">
|
||
<div class="tmain"> <span class="time">2024-01-01</span>
|
||
<h3 class="title overflowtxt">有价值的不再是流量而是用户</h3>
|
||
<div class="h3">5月10日，百度联盟生态合作伙伴大会在成都举行，百度搜索公司总裁向海龙在演讲中表示，在新的时代背景下，百···</div>
|
||
<span class="more">Load More</span>
|
||
</div>
|
||
</a>
|
||
</div>
|
||
|
||
<div class="item wow fadeInUp" data-wow-delay="0.0s"> <a href="newdetails.html" title="">
|
||
<div class="tmain"> <span class="time">2024-01-01</span>
|
||
<h3 class="title overflowtxt">有价值的不再是流量而是用户</h3>
|
||
<div class="h3">5月10日，百度联盟生态合作伙伴大会在成都举行，百度搜索公司总裁向海龙在演讲中表示，在新的时代背景下，百···</div>
|
||
<span class="more">Load More</span>
|
||
</div>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
<a class="indexmore" href="">MORE</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
</div>
|
||
</section>
|
||
</div>
|
||
|
||
<div class="gf-demand">
|
||
<div class="layout">
|
||
<h2 class="h2">I NEED TO BUILD WEBSITE</h2>
|
||
<h3 class="h3">我需要建站</h3>
|
||
<form action="https://www.yyds8848.com/office/v1/website-request" method="post">
|
||
<div class="write">
|
||
<input class="text1" type="text" id="contacts" name="name" placeholder="称呼姓名" value="">
|
||
<input class="text2" type="text" id="phone" name="phone" placeholder="联系电话" value="">
|
||
<input class="text3" type="text" id="description" name="description" placeholder="描述您的需求，如网站、微信、电商、APP等。"
|
||
value="">
|
||
<input class="submit" type="submit" value="获取方案及报价">
|
||
</div>
|
||
</form>
|
||
<i class="italic">*请认真填写需求信息，我们会在24小时内与您取得联系。</i>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<div id="foot">
|
||
<footer>
|
||
<div class="footer">
|
||
<div class="layout">
|
||
<div class="foottou">
|
||
<div class="ftlogo"><img src="./static/images/logo.png" /></div>
|
||
<div class="ftcont">
|
||
<i class="i">
|
||
<a href="serve.html">软件服务</a>
|
||
</i>
|
||
<i class="i">
|
||
<a href="caselist.html">软件产品</a>
|
||
</i>
|
||
<i class="i">
|
||
<a href="newslist.html">行业资讯</a>
|
||
</i>
|
||
<i class="i">
|
||
<a href="aboutus.html">关于我们</a>
|
||
</i>
|
||
<i class="i">
|
||
<a href="contact.html">联系我们</a>
|
||
</i>
|
||
<p>地址：北京市通州区杨庄路1号3号1栋2035</p>
|
||
<p><a href="https://beian.miit.gov.cn/" target="_blank" rel="nofollow">京ICP备2025120695号-1
|
||
|
||
</a>
|
||
<span style="margin-left: 10px;">京公网安备11011202101454号</span>
|
||
</p>
|
||
<p>Copyright © 2022 网络公司 All Rights Reserved.
|
||
</p>
|
||
<p>友情链接： <a href="http://www.yyds8848.com/">http://www.yyds8848.com/</a></p>
|
||
</div>
|
||
<div class="foot-ewm">
|
||
<ul class="clearfix">
|
||
<li> <img src="./static/images/gongzhonghao.jpg" />
|
||
<p>扫一扫，微信咨询</p>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
<div class="kefu">
|
||
<ul>
|
||
<li> <a class="weixin" href="javascript:;">微信</a>
|
||
<div class="div-ewm">
|
||
<ul class="clearfix">
|
||
<li> <img src="./static/images/gongzhonghao.jpg" />
|
||
<p>添加微信</p>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</li>
|
||
<li> <a class="qq" href="https://wpa.qq.com/msgrd?v=3&uin={pboot:companyqq}&site=qq&menu=yes"
|
||
target="_blank">QQ</a>
|
||
<div class="div-item"><span class="h2">524140394@qq.com</span></div>
|
||
</li>
|
||
<li> <a class="shouhou" href="https://wpa.qq.com/msgrd?v=3&uin={pboot:companyqq}&site=qq&menu=yes"
|
||
target="_blank">售后服务</a>
|
||
<div class="div-item"><span class="h2">010-XXXXXXX</span></div>
|
||
</li>
|
||
<li> <a class="call" href="javascript:;">电话</a>
|
||
<div class="div-item"><span class="h2">13671001072</span></div>
|
||
</li>
|
||
<li class="backtop"> <a class="back" href="javascript:;">返回顶部</a>
|
||
<div class="div-item"><span class="h2">TOP</span></div>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<script type="text/javascript" src="./style/js/number.js"></script>
|
||
<script type="text/javascript">
|
||
$(document).ready(function () {
|
||
// 绑定表单提交事件
|
||
$('form').on('submit', function (e) {
|
||
e.preventDefault(); // 阻止默认提交
|
||
|
||
// 获取表单值
|
||
var name = $('#contacts').val().trim();
|
||
var phone = $('#phone').val().trim();
|
||
var description = $('#description').val().trim();
|
||
var hasError = false;
|
||
|
||
// 清空之前的错误提示
|
||
$('.error-message').remove();
|
||
$('.text1, .text2, .text3').removeClass('error');
|
||
|
||
// 验证称呼姓名
|
||
if (name === '') {
|
||
showError($('#contacts'), '请输入称呼姓名');
|
||
hasError = true;
|
||
}
|
||
|
||
// 验证联系电话
|
||
if (phone === '') {
|
||
showError($('#phone'), '请输入联系电话');
|
||
hasError = true;
|
||
} else if (!isValidPhone(phone)) {
|
||
showError($('#phone'), '请输入正确的手机号码');
|
||
hasError = true;
|
||
}
|
||
|
||
// 验证需求描述
|
||
if (description === '') {
|
||
showError($('#description'), '请描述您的需求');
|
||
hasError = true;
|
||
} else if (description.length < 5) {
|
||
showError($('#description'), '请至少输入5个字描述您的需求');
|
||
hasError = true;
|
||
}
|
||
|
||
// 如果有错误，停止提交
|
||
if (hasError) {
|
||
return false;
|
||
}
|
||
|
||
// 提交数据
|
||
submitForm(name, phone, description);
|
||
});
|
||
|
||
// 手机号验证函数
|
||
function isValidPhone(phone) {
|
||
// 简单的手机号验证
|
||
var phoneRegex = /^1[3-9]\d{9}$/;
|
||
return phoneRegex.test(phone);
|
||
}
|
||
|
||
// 显示错误提示函数
|
||
function showError($input, message) {
|
||
// 添加错误样式
|
||
$input.addClass('error');
|
||
|
||
// 创建错误消息元素
|
||
var $error = $('<div class="error-message"></div>')
|
||
.css({
|
||
'color': '#ff4d4f',
|
||
'font-size': '12px',
|
||
'margin-top': '5px',
|
||
'margin-bottom': '10px'
|
||
})
|
||
.text(message);
|
||
|
||
// 插入到输入框后面
|
||
$input.after($error);
|
||
}
|
||
|
||
// 提交表单函数
|
||
function submitForm(name, phone, description) {
|
||
// 禁用提交按钮，防止重复提交
|
||
var $submitBtn = $('.submit');
|
||
var originalText = $submitBtn.val();
|
||
$submitBtn.val('提交中...').prop('disabled', true);
|
||
|
||
// 显示加载状态（可选）
|
||
$submitBtn.addClass('loading');
|
||
|
||
// 准备提交数据
|
||
var formData = {
|
||
name: name,
|
||
phone: phone,
|
||
description: description
|
||
};
|
||
|
||
// 使用 jQuery AJAX 提交
|
||
$.ajax({
|
||
url: 'https://www.yyds8848.com/office/v1/website-request',
|
||
type: 'POST',
|
||
contentType: 'application/json',
|
||
data: JSON.stringify(formData),
|
||
dataType: 'json',
|
||
success: function (response) {
|
||
// 提交成功
|
||
$submitBtn.val('提交成功！');
|
||
|
||
// 显示成功提示
|
||
showSuccessMessage('提交成功！我们将尽快与您联系。');
|
||
|
||
// 3秒后重置表单和按钮
|
||
setTimeout(function () {
|
||
$submitBtn.val(originalText).prop('disabled', false);
|
||
$submitBtn.removeClass('loading');
|
||
$('form')[0].reset(); // 重置表单
|
||
}, 3000);
|
||
},
|
||
error: function (xhr, status, error) {
|
||
// 提交失败
|
||
$submitBtn.val('提交失败');
|
||
|
||
// 显示错误信息
|
||
var errorMsg = '提交失败，请稍后重试';
|
||
if (xhr.responseJSON && xhr.responseJSON.message) {
|
||
errorMsg = xhr.responseJSON.message;
|
||
}
|
||
|
||
showErrorMessage(errorMsg);
|
||
|
||
// 2秒后恢复按钮
|
||
setTimeout(function () {
|
||
$submitBtn.val(originalText).prop('disabled', false);
|
||
$submitBtn.removeClass('loading');
|
||
}, 2000);
|
||
}
|
||
});
|
||
}
|
||
|
||
// 显示成功提示函数
|
||
function showSuccessMessage(message) {
|
||
// 移除之前的提示
|
||
$('.success-message, .error-message').remove();
|
||
|
||
// 创建成功提示
|
||
var $success = $('<div class="success-message"></div>')
|
||
.css({
|
||
'color': '#52c41a',
|
||
'background-color': '#f6ffed',
|
||
'border': '1px solid #b7eb8f',
|
||
'padding': '10px',
|
||
'margin': '15px 0',
|
||
'border-radius': '4px',
|
||
'font-size': '14px'
|
||
})
|
||
.html('<i class="icon-check"></i> ' + message);
|
||
|
||
// 插入到表单前面
|
||
$('form').before($success);
|
||
}
|
||
|
||
// 显示错误提示函数（用于服务器返回的错误）
|
||
function showErrorMessage(message) {
|
||
// 移除之前的提示
|
||
$('.error-message, .success-message').remove();
|
||
|
||
// 创建错误提示
|
||
var $error = $('<div class="error-message"></div>')
|
||
.css({
|
||
'color': '#ff4d4f',
|
||
'background-color': '#fff2f0',
|
||
'border': '1px solid #ffccc7',
|
||
'padding': '10px',
|
||
'margin': '15px 0',
|
||
'border-radius': '4px',
|
||
'font-size': '14px'
|
||
})
|
||
.html('<i class="icon-error"></i> ' + message);
|
||
|
||
// 插入到表单前面
|
||
$('form').before($error);
|
||
}
|
||
|
||
// 实时验证（可选，提供更好的用户体验）
|
||
$('#phone').on('blur', function () {
|
||
var phone = $(this).val().trim();
|
||
if (phone !== '' && !isValidPhone(phone)) {
|
||
showError($(this), '请输入正确的手机号码');
|
||
}
|
||
});
|
||
|
||
// 输入时清除错误提示
|
||
$('.text1, .text2, .text3').on('input', function () {
|
||
$(this).removeClass('error');
|
||
$(this).next('.error-message').remove();
|
||
});
|
||
$("#owl-demo1").owlCarousel({
|
||
items: 1,
|
||
lazyLoad: true,
|
||
navigation: true, //打开上一个，下一个按钮
|
||
pagination: false, //打开页码
|
||
autoPlay: true
|
||
});
|
||
|
||
$("#owl-demo2").owlCarousel({
|
||
items: 4,
|
||
lazyLoad: true,
|
||
navigation: true, //打开上一个，下一个按钮
|
||
pagination: false, //打开页码
|
||
autoPlay: true
|
||
});
|
||
|
||
});
|
||
</script>
|
||
<script type="text/javascript">
|
||
$('.visual_slide').bxSlider({
|
||
mode: "horizontal",
|
||
auto: true,
|
||
nextText: '<span class="bannext"></span>',
|
||
prevText: '<span class="banprev"></span>',
|
||
//displaySlideQty:1,//显示li的个数
|
||
//moveSlideQty: 1,//移动li的个数
|
||
//captions: true,//自动控制
|
||
//controls: false,//隐藏左右按钮
|
||
//speed: 1000
|
||
});
|
||
</script>
|
||
<script type="text/javascript">
|
||
//滚动到一定位置添加CLASS
|
||
$(window).scroll(function () {
|
||
var h = $(document).scrollTop();
|
||
var j = window.screen.height;
|
||
var o = $(".contain").offset().top;
|
||
if (h > o + 200) {
|
||
$('.digital').addClass('active');
|
||
} else {
|
||
$('.digital').removeClass('active');
|
||
}
|
||
});
|
||
</script>
|
||
</body>
|
||
|
||
</html> |