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

微信咨询

zhstwkj

您敢托付 绝不辜负

邮件

mail@56dr.com

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

合作企业用户

12500+

运维团队

10+

公司网站制作方案模板

2026-06-02 571 网站建设

    公司网站制作方案模板旨在为企业提供系统化、标准化的建站指导,涵盖目标定位、功能模块、设计风格、技术架构、内容规划、SEO优化及后期维护等核心环节,方案强调以用户需求为中心,结合品牌调性定制视觉与交互体验,并适配移动端与多平台访问,同时包含项目时间表、预算分配、团队分工及验收标准,确保高效落地,适用于初创企业或需改版升级的公司,助力提升线上形象、客户转化与市场竞争力,是数字化营销的重要基础工具。

    公司网站制作方案模板——从零到一构建专业企业门户的完整指南

    在当今数字化高速发展的时代,企业网站已不再仅仅是一个“线上名片”,而是企业品牌建设、客户转化、市场拓展与数字营销的核心阵地,无论你是初创公司还是成熟企业,拥有一个结构清晰、功能完善、视觉专业的网站,都是赢得市场竞争的关键一步,很多企业在建站过程中常常陷入迷茫:从何开始?需要哪些模块?预算如何规划?技术选型怎样决策?为此,我们精心整理出一套《公司网站制作方案模板》,旨在为企业提供系统化、可落地、高效率的网站建设指导框架。

    本方案模板涵盖需求分析、目标定位、架构设计、视觉风格、技术选型、内容策略、开发流程、测试上线、运营维护等九大核心环节,并附带实用工具推荐、常见误区警示及成功案例参考,帮助企业管理者、市场人员、IT负责人快速搭建符合自身业务特性的高品质网站。

    项目背景与目标设定(约300字)

    任何成功的网站建设都始于清晰的目标设定,在启动项目前,必须明确以下问题:

    1. 网站的主要目的是什么?是品牌展示、产品销售、客户服务、招聘吸引,还是综合型平台?
    2. 目标用户是谁?他们的浏览习惯、设备偏好、痛点需求是什么?
    3. 是否有竞品网站可以参考?其优缺点分别是什么?
    4. 期望通过网站实现哪些关键指标?如访问量增长、询盘转化率提升、在线订单增加等。

    一家B2B工业设备制造商可能更注重技术参数展示和询盘表单;而一家时尚零售品牌则需强调视觉冲击力与购物流程便捷性,目标不同,方案结构自然迥异。

    建议设立SMART目标(具体、可衡量、可达成、相关性强、有时限),“6个月内实现官网月均访问量5万+,询盘转化率提升至8%”。

    网站架构与功能模块规划(约450字)

    根据企业类型与业务模式,网站通常包含以下核心模块:

    1. 首页(Homepage):企业形象第一窗口,应突出核心价值主张、主打产品/服务、最新动态、客户评价或数据背书。
    2. 关于我们(About Us):介绍公司历史、使命愿景、团队构成、资质荣誉,增强信任感。
    3. 产品/服务(Products & Services):分类清晰、图文并茂,支持筛选与搜索,必要时加入视频演示或3D模型。
    4. 解决方案/行业应用(Solutions):针对不同行业或场景,提供定制化方案说明,体现专业深度。
    5. 客户案例/成功故事(Case Studies):真实项目展示,增强说服力,可加入客户证言或数据成果。
    6. 新闻中心/博客(News/Blog):发布行业洞察、公司动态、技术文章,提升SEO权重与用户粘性。
    7. 联系我们(Contact):含地图、电话、邮箱、在线咨询、表单提交等多种方式。
    8. 在线客服/即时沟通(Live Chat):提升响应速度,降低客户流失。
    9. 会员中心/用户后台(如适用):用于客户管理、订单跟踪、资料下载等。
    10. 多语言/多地区支持(如涉外业务):满足全球化布局需求。

    可考虑扩展功能如:预约系统、在线支付、问卷调查、资源下载中心、社交媒体集成等。

    视觉设计与用户体验(UX/UI)原则(约400字)

    视觉设计不仅关乎美观,更直接影响用户留存与转化,设计阶段需遵循以下原则:

    1. 品牌一致性:色彩、字体、图标、版式需严格遵循企业VI规范,强化品牌识别度。
    2. 移动优先(Mobile First):超过60%流量来自移动端,确保在手机和平板上浏览流畅、点击友好。
    3. 导航简洁明了:采用面包屑导航、下拉菜单、固定顶部栏等方式,让用户3秒内找到所需内容。
    4. 视觉层次分明:利用对比色、留白、字体大小引导用户视线,重点信息前置。
    5. 加载速度优化:压缩图片、启用CDN、精简代码,确保首屏加载时间≤3秒。
    6. 无障碍设计(Accessibility):为视障、听障用户提供文字替代、键盘导航、高对比度模式等支持。
    7. A/B测试预备:关键页面(如首页CTA按钮、产品详情页)预留测试接口,便于后期优化。

    建议聘请专业UI/UX设计师或使用Figma、Adobe XD等工具进行原型设计,并邀请真实用户参与可用性测试。

    技术选型与开发平台(约350字)

    技术架构决定网站的稳定性、扩展性与维护成本,常见选型包括:

    1. 管理系统:

      • WordPress:插件丰富、生态成熟,适合中小企业,但需注意安全加固。
      • Drupal/Joomla:功能强大,适合复杂架构,学习曲线较陡。
      • 国内主流:织梦(DedeCMS)、帝国CMS、PageAdmin等,本地化支持好。
    2. 无代码/低代码平台:

      • Wix、Shopify、Webflow、Strikingly:拖拽式操作,快速上线,适合非技术人员。
      • 缺点:定制能力受限,长期成本可能更高。
    3. 自主开发框架:

      • 前端:React/Vue.js + 后端Node.js/PHP/Python/Django,适合中大型企业或定制需求强的项目。
      • 数据库:MySQL、PostgreSQL、MongoDB按需选择。
    4. 云服务部署:

      • 推荐阿里云、腾讯云、AWS、华为云,具备弹性伸缩、DDoS防护、全球加速等优势。
      • 域名注册与SSL证书务必同步配置,保障安全与可信度。

    技术选型需结合预算、团队能力、未来扩展空间综合评估,避免“过度工程”或“技术负债”。

    — 策略与SEO优化(约350字) 为王”在网站运营中依然成立,优质内容不仅能吸引用户,更是搜索引擎排名的关键。

    1. 关键词研究:使用工具如Google Keyword Planner、SEMrush、站长工具,挖掘行业长尾词,与描述优化:每页设置唯一且含关键词的与<meta description>。</li> <li>结构化数据标记(Schema Markup):帮助搜索引擎理解内容,提升富摘要展示几率。</li> <li>内链与外链建设:合理设置站内链接,引导爬虫抓取;争取高质量外链提升权威度。</li> <li>博客持续更新:每周至少发布1-2篇原创文章,围绕行业热点、用户问题、产品解析展开。</li> <li>辅助:图文、视频、信息图、PDF白皮书等形式增强内容吸引力。</li> <li>本地SEO(如适用):注册Google My Business、百度地图商户,优化“附近搜索”结果。 需由市场部、产品部、技术部协同产出,建立内容日历与审核机制,确保专业性与时效性。</li> </ol> <p>开发流程与项目管理(约300字)</p> <p>科学的项目管理能有效控制进度与风险,推荐采用敏捷开发模式:</p> <p><strong>需求确认 → 2. 原型设计 → 3. UI定稿 → 4. 前端开发 → 5. 后端对接 → 6. 内容填充 → 7. 内部测试 → 8. UAT用户验收 → 9. 上线部署 → 10. 运维监控</strong></p> <p>每个阶段设立里程碑与交付物,使用Jira、Trello、飞书项目等工具进行任务分配与进度追踪。</p> <p>建议组建跨职能小组:项目经理、UI设计师、前端工程师、后端工程师、内容编辑、SEO专员、测试人员。</p> <p>开发周期一般为4-12周,视复杂度而定,务必预留缓冲时间应对需求变更或技术难题。</p> <p>测试、上线与数据监控(约250字)</p> <p><strong>上线前必须进行全面测试:</strong></p> <ol> <li>功能测试:表单提交、支付流程、搜索功能、会员登录等核心路径逐一验证。</li> <li>兼容性测试:覆盖Chrome、Safari、Firefox、Edge及主流移动设备。</li> <li>性能测试:使用GTmetrix、PageSpeed Insights检测加载速度与优化建议。</li> <li>安全测试:扫描XSS、SQL注入、文件上传漏洞,安装WAF防火墙。</li> <li>SEO预检:检查robots.txt、sitemap.xml、canonical标签、404页面设置。</li> </ol> <p><strong>上线后立即部署数据分析工具:</strong></p> <ul> <li>Google Analytics / 百度统计:追踪流量来源、用户行为、转化路径。</li> <li>Hotjar / Mouseflow:记录用户点击热图与录屏,发现体验瓶颈。</li> <li>搜索引擎站长平台:提交sitemap,监控索引状态与错误报告。</li> </ul> <p>后期运营与迭代优化(约300字)</p> <p>网站不是一次性工程,而是持续优化的过程:</p> <p><strong>数据驱动优化:每月分析跳出率、</strong></p> </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-02</p> <h6><a href="https://www.56dr.net/news/66546.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-02</p> <h6><a href="https://www.56dr.net/news/66545.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-02</p> <h6><a href="https://www.56dr.net/news/66544.html">公司网站制作URL优化</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-02</p> <h6><a href="https://www.56dr.net/news/66543.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-02</p> <h6><a href="https://www.56dr.net/news/66542.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-02</p> <h6><a href="https://www.56dr.net/news/66541.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-02</p> <h6><a href="https://www.56dr.net/news/66540.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-02</p> <h6><a href="https://www.56dr.net/news/66539.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-02</p> <h6><a href="https://www.56dr.net/news/66538.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-02</p> <h6><a href="https://www.56dr.net/news/66537.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-48.html" title="网站制作">网站制作</a><a href="https://www.56dr.net/news/tags-13187.html" title="方案模板">方案模板</a><a href="https://www.56dr.net/news/tags-421.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><!--1,441.32 ms , 7 queries , 2995kb memory , 0 error-->