特网建站专注网站建设行业优质供应商,并且包含互联网基础服务(域名、云服务器、企业邮箱、网络营销等)应用服务。

微信咨询

zhstwkj

您敢托付 绝不辜负

邮件

mail@56dr.com

服务器、网站、业务系统保驾护航

合作企业用户

12500+

运维团队

10+

公司网站制作独立服务器,公司网站独立服务器制作

2026-05-24 502 网站建设

    公司网站采用独立服务器部署,可显著提升访问速度、数据安全性与系统稳定性,独立服务器资源专属于企业,避免共享主机带来的性能波动和安全隐患,支持自定义配置、灵活扩展及全天候运维保障,尤其适合流量较大、对数据保密性要求高的中大型企业官网或电商平台,独立服务器便于安装SSL证书、设置防火墙策略及定期备份,确保网站合规运营与业务连续性,虽成本较虚拟主机高,但长期来看在性能、安全与品牌专业形象方面更具优势。

    公司网站制作与独立服务器部署全攻略——从零构建高性能企业级在线门户

    在当今高度数字化的商业环境中,一家公司的官方网站早已不再仅仅是“门面装饰”,而是企业品牌、产品服务、客户沟通乃至销售转化的核心枢纽,尤其对于中大型企业、高流量电商平台、数据敏感型机构以及追求极致稳定性和安全性的组织而言,选择“独立服务器”作为网站承载平台,已成为不可逆的技术趋势,本文将围绕“公司网站制作”与“独立服务器”两大关键词,系统化梳理从策划、设计、开发到服务器选型、部署、优化、运维的全流程知识体系,帮助企业管理者、技术负责人、创业者全面掌握构建高性能企业级网站的关键要素,规避常见陷阱,最大化投资回报。

    为什么公司网站必须重视?——数字时代的战略资产

    首先我们必须明确:公司官网不是可有可无的附属品,而是企业数字战略的基石。

    1. 品牌形象塑造的第一窗口
      用户对企业的第一印象往往来自其官网,专业、美观、响应迅速的网站能极大提升品牌可信度与权威感,反之,加载缓慢、设计陈旧、内容错乱的网站会直接损害企业声誉。

    2. 24小时在线的销售与客服中心
      现代官网集成了产品展示、在线咨询、订单提交、会员注册、支付对接等功能,相当于一个永不打烊的数字化门店,尤其在B2B领域,官网是潜在客户获取详细资料、发起合作意向的重要入口。

    3. SEO流量获取的核心载体
      搜索引擎优化(SEO)依赖于网站结构、内容质量、技术性能等多维度因素,独立可控的网站架构更有利于实施深度SEO策略,从而在谷歌、百度等平台获得自然流量红利。

    4. 数据资产沉淀与用户行为分析平台
      通过埋点统计、表单收集、CRM集成等方式,官网成为企业私域流量池和用户画像构建的基础,这些数据对产品迭代、营销策略调整具有极高价值。

    5. 合规与安全的必要保障
      金融、医疗、教育等行业对数据安全与隐私保护有严格法规要求,使用独立服务器可实现物理隔离、自定义防火墙、审计日志等高级安全控制,满足GDPR、等保2.0等合规标准。

    独立服务器 vs 共享主机 vs 云虚拟主机 —— 如何选择?

    在决定搭建公司网站前,必须明确服务器部署方案,主流选项包括:

    • 共享主机(Shared Hosting):多个网站共用一台服务器资源,价格低廉但性能受限,安全性差,适合个人博客或小微初创站。
    • 云虚拟主机/VPS(Virtual Private Server):基于云计算平台划分的虚拟机,资源相对独立,弹性伸缩,性价比高,适合中小型企业。
    • 独立服务器(Dedicated Server / Bare Metal):整台物理服务器专属租用,CPU、内存、硬盘、带宽完全独占,性能最强,控制权最高,适合中大型企业、高并发应用、关键业务系统。

    ▶ 为什么推荐“独立服务器”用于公司网站?

    1. 性能无瓶颈
      独立服务器提供完整硬件资源,无“邻居效应”(即其他用户占用资源导致你的网站变慢),对于日访问量过万、需处理大量动态请求、运行复杂数据库查询的企业站,独立服务器是唯一可靠选择。

    2. 安全性自主可控
      可自行配置防火墙(如iptables/ufw)、入侵检测系统(IDS)、DDoS防护、SSL证书管理、访问权限控制等,避免共享环境下的交叉感染风险,支持硬件级加密与安全启动。

    3. 高度定制化能力
      可自由选择操作系统(CentOS, Ubuntu, Windows Server等)、安装任意软件栈(LAMP, LNMP, Docker, Kubernetes)、调整内核参数、部署负载均衡与CDN边缘节点,满足特殊业务需求。

    4. 稳定性与SLA保障
      优质IDC服务商提供99.9%+可用性承诺、7×24小时硬件监控、RAID磁盘冗余、双电源备份、智能温控等,确保业务连续不中断,故障响应时间通常在15分钟以内。

    5. 合规审计友好
      独立物理环境便于部署日志审计系统、满足行业监管对数据存储位置与访问记录的要求(如金融行业需本地化部署)。

    公司网站制作全流程详解 —— 从0到1的实战指南

    需求分析与规划(约占总工期15%)

    1. 明确网站目标

      • 品牌展示型?电商交易型?客户服务型?内容营销型?
      • 核心KPI是什么?(询盘量、注册数、订单额、跳出率等)
    2. 用户画像与旅程地图

      • 目标客户是谁?年龄、职业、设备偏好、搜索习惯?
      • 用户从进入网站到完成转化的路径是怎样的?需哪些引导?
    3. 功能清单梳理

      • 基础模块:公司简介、产品中心、新闻动态、联系我们
      • 进阶功能:多语言切换、会员系统、购物车、支付网关、预约表单、直播嵌入、API对接ERP/CRM
      • 技术需求:响应式设计、SEO友好的URL结构、sitemap.xml生成、robots.txt配置 策略制定
      • 文案由市场部撰写还是外包?是否需要专业翻译?
      • 图片/视频素材来源?是否需购买版权图库或拍摄原创?

    UI/UX设计(约占总工期20%)

    1. 信息架构设计(IA)
      绘制网站地图(Sitemap),确定主导航菜单层级(建议不超过3级),规划面包屑路径,确保用户3次点击内找到目标内容。

    2. 线框图与原型设计(Wireframe & Prototype)
      使用Figma、Sketch或Adobe XD制作低保真→高保真原型,标注交互逻辑(如按钮悬停效果、表单验证规则、弹窗触发条件),交由客户确认。

    3. 视觉设计(Visual Design)

      • 遵循企业VI规范(主色、辅助色、字体家族、Logo使用规则)
      • 设计首页首屏Banner、产品卡片、图标系统、404错误页等关键视觉元素
      • 输出切图资源包(@1x, @2x, @3x适配Retina屏)及CSS样式规范文档
    4. 移动端优先(Mobile First)
      超过60%流量来自手机端,必须采用响应式布局(Responsive Design),测试在iPhone、Android主流机型上的显示效果,优化触控体验。

    前端与后端开发(约占总工期40%)

    ▶ 前端技术栈推荐:

    • 框架:React.js / Vue.js(组件化开发,SPA体验流畅)
    • CSS预处理器:Sass/Less
    • 构建工具:Webpack / Vite
    • 性能优化:Lazy Load图片、代码分割、Preload关键资源、启用Gzip/Brotli压缩

    ▶ 后端技术栈推荐:

    • 语言:PHP(WordPress/Laravel)、Node.js(Express/NestJS)、Python(Django/Flask)、Java(Spring Boot)
    • 数据库:MySQL(关系型)、MongoDB(文档型)、Redis(缓存)
    • API设计:RESTful规范,JWT鉴权,Swagger文档自动化

    ▶ 关键开发要点:

    1. SEO基础优化

      • 语义化HTML标签(
        ,
        ,
      • 每个页面唯一和<meta description> </li> <li>H1-H6标题层级清晰 </li> <li>图片添加alt属性 </li> <li>结构化数据标记(Schema.org)</li> </ul> </li> <li> <p><strong>安全性编码 </strong></p> <ul> <li>防XSS:对用户输入进行转义(htmlspecialchars / DOMPurify) </li> <li>防SQL注入:使用预编译语句(PDO / MyBatis) </li> <li>CSRF防护:表单令牌验证 </li> <li>敏感操作二次确认(如删除、支付)</li> </ul> </li> <li> <p><strong>性能加速机制 </strong></p> <ul> <li>数据库索引优化 </li> <li>查询缓存(Redis/Memcached) </li> <li>静态资源CDN分发 </li> <li>启用HTTP/2 + TLS 1.3</li> </ul> </li> </ol> <p>测试与上线(约占总工期15%)</p> <ol> <li> <p>功能测试(Functional Testing)<br /> 覆盖所有用户路径:注册→登录→浏览商品→加购→结算→支付→订单查询→售后申请。</p> </li> <li> <p>兼容性测试(Compatibility Testing)<br /> 在Chrome、Firefox、Safari、Edge及不同版本微信内置浏览器中验证渲染一致性。</p> </li> <li> <p>压力测试(Load Testing)<br /> 使用JMeter或Locust模拟1000+并发用户,监测服务器CPU、内存、I/O负载,定位性能瓶颈。</p> </li> <li> <p>安全扫描(Security Scanning)<br /> 运行OWASP ZAP或Burp Suite检测漏洞,修复高危项(如目录遍历、文件</p> </li> </ol> </ul> </p><p> </p><p><br/></p><p><br/></p> </div> </div> </div> </div> <div class="col-lg-4"> <div class="sidebar-area"> <div class="widget widget-search"> <div class="single-search-inner"> <form action="/search/" method="get"> <input type="text" name="keyword" placeholder="搜索文章、视频、直播等"> <button type="submit"><i class="la la-search"></i></button> </form> </div> </div> <div class="widget widget-category widget-border"> <ul> <li><a href="/notice/">网站公告<i class="la la-angle-right"></i></a></li> <li><a href="/wenti/">常见问题<i class="la la-angle-right"></i></a></li> <li><a href="/baike/">建站百科<i class="la la-angle-right"></i></a></li> <li><a href="/news/">建站资讯<i class="la la-angle-right"></i></a></li> </ul> </div> <!-- ad --> <a href="https://www.56dr.net/muban/" target="_blank"><img src="/static/upload/image/20241230/1735547144932105.png" width="360" height="360"/></a> <p> <br/> <!-- ad --> <div class="widget widget-news widget-border"> <h5 class="widget-title">相关内容</h5> <div class="single-news-wrap media"> <div class="media-body"> <p class="date"><i class="far fa-calendar-alt"></i>2026-06-08</p> <h6><a href="https://www.56dr.net/news/66661.html">网站制作包含域名备案吗</a></h6> </div> </div> <div class="single-news-wrap media"> <div class="media-body"> <p class="date"><i class="far fa-calendar-alt"></i>2026-06-08</p> <h6><a href="https://www.56dr.net/news/66660.html">网站模版齐博 cms 运营</a></h6> </div> </div> <div class="single-news-wrap media"> <div class="media-body"> <p class="date"><i class="far fa-calendar-alt"></i>2026-06-08</p> <h6><a href="https://www.56dr.net/news/66659.html">网站模版新媒体运营</a></h6> </div> </div> <div class="single-news-wrap media"> <div class="media-body"> <p class="date"><i class="far fa-calendar-alt"></i>2026-06-08</p> <h6><a href="https://www.56dr.net/news/66658.html">网站模版闭源模板不能修改源码</a></h6> </div> </div> <div class="single-news-wrap media"> <div class="media-body"> <p class="date"><i class="far fa-calendar-alt"></i>2026-06-08</p> <h6><a href="https://www.56dr.net/news/66657.html">公司网站制作压力测试</a></h6> </div> </div> <div class="single-news-wrap media"> <div class="media-body"> <p class="date"><i class="far fa-calendar-alt"></i>2026-06-08</p> <h6><a href="https://www.56dr.net/news/66656.html">网站模版培训</a></h6> </div> </div> <div class="single-news-wrap media"> <div class="media-body"> <p class="date"><i class="far fa-calendar-alt"></i>2026-06-08</p> <h6><a href="https://www.56dr.net/news/66655.html">网站模版 mysql5.6 专用网站模版</a></h6> </div> </div> <div class="single-news-wrap media"> <div class="media-body"> <p class="date"><i class="far fa-calendar-alt"></i>2026-06-08</p> <h6><a href="https://www.56dr.net/news/66654.html">网站模版简约</a></h6> </div> </div> <div class="single-news-wrap media"> <div class="media-body"> <p class="date"><i class="far fa-calendar-alt"></i>2026-06-08</p> <h6><a href="https://www.56dr.net/news/66653.html">网站模版付费阅读资讯模板</a></h6> </div> </div> <div class="single-news-wrap media"> <div class="media-body"> <p class="date"><i class="far fa-calendar-alt"></i>2026-06-08</p> <h6><a href="https://www.56dr.net/news/66652.html">网站模版软文营销</a></h6> </div> </div> </div> <div class="widget widget-tags widget-border"> <h5 class="widget-title">网站标签</h5> <div class="tagcloud"> <a href="https://www.56dr.net/news/tags-421.html" title="公司网站">公司网站</a><a href="https://www.56dr.net/news/tags-30449.html" title="独立服务器">独立服务器</a><a href="https://www.56dr.net/news/tags-149.html" title="制作">制作</a> </div> </div> </div> </div> </div> </div> </section> <!-- product-slider area start --> <!-- product-slider area start --> <section class="product-slider-area pd-bottom-40"> <div class="container"> <div class="row"> <div class="col-lg-6"> <div class="section-title"> <h2>相关模板</h2> </div> </div> </div> <div class="row"> <div class="col-lg-12"> <div class="product-slider owl-carousel owl-theme"> <div class="item"> <div class="all-isotope-item"> <div class="thumb"> <a class="gallery-fancybox" href="/537.html"> <img src="/static/upload/image/20250107/1736215109542368.jpg" alt="(PC+WAP)艺术石雕雕刻类企业网站模板 古典水墨风格网站"> </a> <a class="btn btn-white" href="/537.html">查看模板</a> </div> <div class="item-details"> <span class="price">¥1280元</span> <h4><a href="/537.html">(PC+WAP)艺术石雕雕刻类企业网站模板 古典水墨风格网站</a></h4> <p>CMS内容管理系统系统是采用PHP技术进行开发的,架构清晰,代码易···</p> </div> </div> </div> <div class="item"> <div class="all-isotope-item"> <div class="thumb"> <a class="gallery-fancybox" href="/536.html"> <img src="/static/upload/image/20250107/1736215043911042.jpg" alt="(自适应手机端)简约大气的通用企业网站模板 产品展示型"> </a> <a class="btn btn-white" href="/536.html">查看模板</a> </div> <div class="item-details"> <span class="price">¥1280元</span> <h4><a href="/536.html">(自适应手机端)简约大气的通用企业网站模板 产品展示型</a></h4> <p>CMS内容管理系统系统是采用PHP技术进行开发的,架构清晰,代码易···</p> </div> </div> </div> <div class="item"> <div class="all-isotope-item"> <div class="thumb"> <a class="gallery-fancybox" href="/535.html"> <img src="/static/upload/image/20250107/1736214954842811.jpg" alt="(PC+WAP)纸箱类网站模板 纸盒包装材料网站"> </a> <a class="btn btn-white" href="/535.html">查看模板</a> </div> <div class="item-details"> <span class="price">¥1280元</span> <h4><a href="/535.html">(PC+WAP)纸箱类网站模板 纸盒包装材料网站</a></h4> <p>CMS内容管理系统系统是采用PHP技术进行开发的,架构清晰,代码易···</p> </div> </div> </div> <div class="item"> <div class="all-isotope-item"> <div class="thumb"> <a class="gallery-fancybox" href="/534.html"> <img src="/static/upload/image/20250107/1736214911465488.jpg" alt="(自适应移动端)壁挂炉暖气设备网站模板-带下载功能"> </a> <a class="btn btn-white" href="/534.html">查看模板</a> </div> <div class="item-details"> <span class="price">¥1280元</span> <h4><a href="/534.html">(自适应移动端)壁挂炉暖气设备网站模板-带下载功能</a></h4> <p>CMS内容管理系统系统是采用PHP技术进行开发的,架构清晰,代码易···</p> </div> </div> </div> <div class="item"> <div class="all-isotope-item"> <div class="thumb"> <a class="gallery-fancybox" href="/533.html"> <img src="/static/upload/image/20250107/1736214843493205.jpg" alt="(PC+WAP)纸盒包装类网站模板 包装印刷网站"> </a> <a class="btn btn-white" href="/533.html">查看模板</a> </div> <div class="item-details"> <span class="price">¥1280元</span> <h4><a href="/533.html">(PC+WAP)纸盒包装类网站模板 包装印刷网站</a></h4> <p>CMS内容管理系统系统是采用PHP技术进行开发的,架构清晰,代码易···</p> </div> </div> </div> <div class="item"> <div class="all-isotope-item"> <div class="thumb"> <a class="gallery-fancybox" href="/532.html"> <img src="/static/upload/image/20250107/1736214803960954.jpg" alt="(PC+WAP)照明科技类网站模板 LED灯具照明网站"> </a> <a class="btn btn-white" href="/532.html">查看模板</a> </div> <div class="item-details"> <span class="price">¥1280元</span> <h4><a href="/532.html">(PC+WAP)照明科技类网站模板 LED灯具照明网站</a></h4> <p>CMS内容管理系统系统是采用PHP技术进行开发的,架构清晰,代码易···</p> </div> </div> </div> <div class="item"> <div class="all-isotope-item"> <div class="thumb"> <a class="gallery-fancybox" href="/531.html"> <img src="/static/upload/image/20250107/1736214700631052.jpg" alt="(PC+WAP)花卉租赁盆栽绿植类网站模板"> </a> <a class="btn btn-white" href="/531.html">查看模板</a> </div> <div class="item-details"> <span class="price">¥1280元</span> <h4><a href="/531.html">(PC+WAP)花卉租赁盆栽绿植类网站模板</a></h4> <p>CMS内容管理系统系统是采用PHP技术进行开发的,架构清晰,代码易···</p> </div> </div> </div> <div class="item"> <div class="all-isotope-item"> <div class="thumb"> <a class="gallery-fancybox" href="/530.html"> <img src="/static/upload/image/20250107/1736214664493887.jpg" alt="(PC+WAP)生物科技公司网站模板 带三级子栏目"> </a> <a class="btn btn-white" href="/530.html">查看模板</a> </div> <div class="item-details"> <span class="price">¥1280元</span> <h4><a href="/530.html">(PC+WAP)生物科技公司网站模板 带三级子栏目</a></h4> <p>CMS内容管理系统系统是采用PHP技术进行开发的,架构清晰,代码易···</p> </div> </div> </div> <div class="item"> <div class="all-isotope-item"> <div class="thumb"> <a class="gallery-fancybox" href="/529.html"> <img src="/static/upload/image/20250107/1736214598224257.jpg" alt="(自适应移动端)企业通用型网站模板 产品展示类网站"> </a> <a class="btn btn-white" href="/529.html">查看模板</a> </div> <div class="item-details"> <span class="price">¥1280元</span> <h4><a href="/529.html">(自适应移动端)企业通用型网站模板 产品展示类网站</a></h4> <p>CMS内容管理系统系统是采用PHP技术进行开发的,架构清晰,代码易···</p> </div> </div> </div> </div> </div> </div> </div> </section> <!-- product-slider area end --> <!-- footer area start --> <footer class="footer-area pd-top-100"> <div class="container"> <div class="row"> <div class="col-lg-4 col-md-6"> <div class="footer-widget widget widget_contact"> <h4 class="widget-title">关于我们</h4> <div class="media"> <div class="thumb"> </div> <div class="media-body"> <p>我们的团队专注高端网站建设,品牌策划及创意设计、集群建站、小程序开发,APP开发,业务系统定制等业务 为用户提供一站式解决方案。持续的服务运维为用户带来更多流量,实现长期合作、发展共赢。</p> </div> </div> <div class="media"> <div class="thumb mt-0"> <img src="https://www.56dr.net/skin/images/670de1e97cdeb.png" width="125" height="125"></div> <div class="thumb mt-0"> <img src="https://www.56dr.net/skin/images/670de1e97cdeb.png" width="125" height="125"></div> <div class="media-body"> <p class="m-0"></p> </div> </div> </div> </div> <div class="col-lg-2 col-md-6"> <div class="footer-widget widget widget_nav_menu"> <h4 class="widget-title">站点导航</h4> <ul> <li><a href="/muban/">模板商场</a></li> <li><a href="/price/">建站套餐</a></li> <li><a href="/news/">知识库</a></li> <li><a href="/wenti/">常见问题</a></li> <li><a href="/contact/">联系我们</a></li> <li><a href="/about/">关于我们</a></li> <li><a href="/notice/">网站公告</a></li> </ul> </div> </div> <div class="col-lg-2 col-md-6"> <div class="footer-widget widget widget widget_products"> <h4 class="widget-title">模板商场</h4> <ul> <li><a href="/lm1/">IT/软件/信息/互联网</a></li> <li><a href="/lm2/">科技/电子/数码/通信</a></li> <li><a href="/lm3/">文化/艺术/广告/传媒</a></li> <li><a href="/lm4/">装修/设计/家居/家具</a></li> <li><a href="/lm5/">基建/施工/地产/物业</a></li> <li><a href="/lm6/">餐饮/酒店/旅游/票务</a></li> <li><a href="/muban/">查看更多服务</a></li> </ul> </div> </div> <div class="col-lg-3 offset-lg-1 col-md-6"> <div class="footer-widget widget widget_news"> <h4 class="widget-title">知识库</h4> <div class="widget-news-wrap"> <div class="date">2025-03-07</div> <p><a href="/539.html">数字门户——全域数字营销平台与企业数字业务平台</a></p> </div> <div class="widget-news-wrap"> <div class="date">2025-01-03</div> <p><a href="/527.html">从零开始构建您的在线业务网站</a></p> </div> <div class="widget-news-wrap"> <div class="date">2025-01-03</div> <p><a href="/526.html">如何选择及构建适合您企业的最佳网站方案</a></p> </div> </div> </div> </div> </div> <!--Footer bottom--> <div class="container"> <div class="copyright-area"> <div class="row"> <div class="col-lg-6 align-self-center"> <p>建议您使用Chrome、Firefox、Edge、IE10及以上版本和360等主流浏览器浏览本网站 域名注册服务机构:阿里云计算有限公司(万网) 域名服务机构:烟台帝思普网络科技有限公司(DNSPod) CDN服务:阿里云计算有限公司 百度云 中国互联网举报中心 <a href="http://beian.miit.gov.cn" target="_blank" rel="nofllow">粤ICP备16109289号</a> </p> </div> <div class="col-lg-6 text-lg-right"> <ul> <li> <a href="https://www.56dr.net/sitemap.xml" target="_blank">XML</a> </li> <li> <a href="/contact/" target="_blank">售后支持</a> </li> <li> <a href="/agreement/" target="_blank">服务协议</a> </li> <li> <a href="/price/" target="_blank">产品价格</a> </li> <li> <a href="/" target="_blank">客户案例</a> </li> </ul> </div> </div> </div> </div> </footer> <!-- footer area end --> <div class="back-to-top"> <span class="back-top"><i class="fa fa-angle-up"></i></span> </div> <script src="https://www.56dr.net/skin/js/email-decode.min.js"></script> <script src="https://www.56dr.net/skin/js/vendor.js"></script> <script src="https://www.56dr.net/skin/js/main.js"></script> <script src="https://chat.youtochat.com/front/js/chat-exhibition.js"></script> <script src="https://chat.youtochat.com/front/js/chat-exhibition.js"></script> <link rel="stylesheet" href="/kf/kf.css"> <script src="/kf/jquery-1.7.1.min.js"></script> <div class="livechat-girl animated"> <img class="girl" src="/kf/img/weixin_aigei_com.png"> <div class="livechat-hint rd-notice-tooltip rd-notice-type-success rd-notice-position-left single-line show_hint"> <div class="rd-notice-content"> 嘿!我是企业微信客服! </div> </div> <div class="animated-circles"> <div class="circle c-1"> </div> <div class="circle c-2"> </div> <div class="circle c-3"> </div> </div> </div> <script type="text/javascript"> jQuery( function ( $ ) { var isMobile = { Android : function() { return navigator.userAgent.match(/Android/i) ? true : false; }, BlackBerry : function() { return navigator.userAgent.match(/BlackBerry/i) ? true : false; }, iOS : function() { return navigator.userAgent.match(/iPhone|iPad|iPod/i) ? true : false; }, Windows : function() { return navigator.userAgent.match(/IEMobile/i) ? true : false; }, any : function() { return (isMobile.Android() || isMobile.BlackBerry() || isMobile.iOS() || isMobile.Windows()); } }; setInterval(function(){ if($(".animated-circles").hasClass("animated")){ $(".animated-circles").removeClass("animated"); }else{ $(".animated-circles").addClass('animated'); } },3000); var wait = setInterval(function(){ $(".livechat-hint").removeClass("show_hint").addClass("hide_hint"); clearInterval(wait); },4500); $(".livechat-girl").hover(function(){ clearInterval(wait); $(".livechat-hint").removeClass("hide_hint").addClass("show_hint"); },function(){ $(".livechat-hint").removeClass("show_hint").addClass("hide_hint"); }).click(function(){ if(isMobile.any()){ window.open("https://work.weixin.qq.com/kfid/kfc52ecf18c8f15bd54"); }else{ window.open("https://work.weixin.qq.com/kfid/kfc52ecf18c8f15bd54"); } }); } ); </script> </body> </html> </div> <div class="clear"></div> </div> <div class="clear"></div> </div> </body> </html><!--59.90 ms , 7 queries , 2996kb memory , 0 error-->