<!DOCTYPE html>
<html lang="zh-CN">
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width,target-densitydpi=high-dpi,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="format-detection" content="telephone=no">
		<title>让访客反感的12种网页设计-思洋互动</title>
		<meta name="keywords" content="让访客反感的12种网页设计">
	    <meta name="description" content="危害用户体验的网页设计方案因素一：悠长的加载时长；这是本人觉得较槽糕的一个因素，网页加载时长太悠长。如果在十二年前，打开一个网页要一两分钟得话很有可能大伙儿想要承...">
		<meta name="renderer" content="webkit" />
		<link href="/css/main.css?v=39" rel="stylesheet">
		<link href="/css/base.css?v=39" rel="stylesheet">
        <link href="/css/swiper-3.4.2.min.css" rel="stylesheet">
		<script type="text/javascript" src="/js/jquery.min.js"></script>
        <script type="text/javascript" src="/js/swiper-3.4.2.min.js"></script>
		<!--[if lt IE 9]>
            <script src="/js/html5shiv.min.js"></script>
            <script src="/js/respond.min.js"></script>
            <link href="/css/ie.css" rel="stylesheet">
        <![endif]-->
		<script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?8914d517c927d8e794148d05e387fb17";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
</script>
<link rel="canonical" href="https://www.ciya.cn/article/5894.html">
		</head>
	<body class="no-banner">
		<div class="container">
			<div class="header">
	<div class="header-top">
		<div class="w1700">
			<a href="https://www.ciya.cn/"><img src="/images/logo.png?v=2"></a>
		</div>
	</div>
	<div class="header_b">
		<header class="slide">
			<div id="navToggle" class="menu-handler">
				<span class="burger burger-1 trans"></span>
				<span class="burger burger-2 trans-fast"></span>
				<span class="burger burger-3 trans"></span>
			</div>
		</header>
	</div>
	<nav class="slide">
		<div class="w1700">
			<a class="index" href="/"></a>
			<ul>
								<li><a href="https://www.ciya.cn/case/12.html">项目案例</a></li>
								<li><a href="https://www.ciya.cn/website/9.html">网站建设</a></li>
								<li><a href="https://www.ciya.cn/marketing/10.html">网络营销</a></li>
								<li><a href="https://www.ciya.cn/media/11.html">新媒体</a></li>
								<li class="active"><a href="https://www.ciya.cn/news/16.html">动态</a></li>
								<li><a href="https://www.ciya.cn/about/8.html">关于</a></li>
								<li><a href="https://www.ciya.cn/contact/13.html">联系</a></li>
							</ul>
		</div>
	</nav>
</div>            <div class="content slide">
                <div class="position bgf1">
                    <div class="w1700">
                        <a href="https://www.ciya.cn/">首页 ></a>
                        <a href="https://www.ciya.cn/news/16.html">动态 ></a>
                        <a href="https://www.ciya.cn/news/42.html">运营推广</a>
                    </div>
                </div>
                <div class="case-type">
                    <div class="w1700">
                                                <a href="https://www.ciya.cn/news/32.html" >品牌合作</a>
                                                <a href="https://www.ciya.cn/news/31.html" >新闻动态</a>
                                                <a href="https://www.ciya.cn/news/38.html" >网站建设</a>
                                                <a href="https://www.ciya.cn/news/41.html" >网站制作</a>
                                                <a href="https://www.ciya.cn/news/40.html" >网站设计</a>
                                                <a href="https://www.ciya.cn/news/42.html"  class="active">运营推广</a>
                                                <a href="https://www.ciya.cn/news/35.html" >网站知识</a>
                                            </div>
                </div>
                <div class="padding-tb80">
                    <div class="w1700 clear">
                        <div class="fl xwxq-l">
                            <div class="noselettext">
                                <div class="xwxq-title mg-bt60 wow slideUp">
                                    <h1 class="mg-bt35">让访客反感的12种网页设计</h1>
                                    <span>时间：2023-08-24</span>
                                </div>
                                <div class="edit2 mg-bt60 wow slideUp">
                                                                        <p>危害用户体验的网页设计方案因素一：悠长的加载时长；</p><p>这是本人觉得较槽糕的一个因素，网页加载时长太悠长。如果在十二年前，打开一个网页要一两分钟得话很有可能大伙儿想要承受，终究这也是很正常一件事；但十二年前的今日，假如还需要我耗费一两分钟去等待你的网页加载，我就是肯定没这一细心承受这一切的，不清楚你们是不是赞成。</p><p>因而，提高网页加载速率，是提高用户体验的一个至关重要的因素。危害网页加载速率的因素也是有许多，袁程旭在之前的文章中数次有谈及这些方面专业知识。你能买一台配备好点儿的网络服务器，自然不推荐买港澳台或国外的，局部地区的访问者访问网页时加载会很费劲；除开网络服务器之外，网站源码的挑选也很有讲究，但是这不是一两句话能够讲完的。此外，例如网页延迟时间加载（点一下阅读文章），或照片多线程延迟时间加载（点一下阅读文章）之类的技术性应用能够很好地提高网页加载速率，有兴趣的好朋友可自己掌握。</p><p>危害用户体验的网页设计方案因素二：自动跳转的响声；</p><p>坦白说，这种网址总会吓住我，特别是在要在深夜的情况下。请试想一下，你打开一个网页，突然就听到了一些乱七八糟的响声，并没有充分准备得话是否会被这东西给吓住？这种网页设计方案多见于这些搞销售类的网页页面，一进到网页就自动播放音乐或是宣传广告，实在是令人伤脑。</p><p>玩QQ空间的过程中觉得设置一个自动跳转的背景音乐很炫酷，但设计方案网页的情况下假如选用自动跳转响声的设计方案其实就是很危害用户体验的。你大可以在网页某点置放声频或视频文件格式，让客户自主选择是不是打开播放，我觉得这种更重视客户挑选的设计方案才会更受客户热烈欢迎吧？</p><p>危害用户体验的网页设计方案因素三：弹出窗口 & 广告宣传；</p><p>很有可能如今有许多屏蔽广告的外挂，但这不一定危害大家对广告词的厌烦。较反感的广告形式便是这些永无止境的弹出窗口了，它是对消费者十分不友好的一种广告形式。自然，弹出窗口这一令人抵触的物品也不一定主要表现在广告宣传上，许多公司的网站常常弹出来“点击咨询”类对话框，关闭了没几秒钟又全自动开启，这也是很让客户厌烦的一个设计构思。信息内容还没有访问是多少，你也就持续叫我点击咨询，我只能撤出你网址了。</p><p>再讲说广告宣传，较恶心想吐的广告形式是这些伪装着骗你来点一下的，多见于这些下载网站，你常常不清楚哪一个才是正确的下载地址，是否常常就安装了一些无缘无故的手机软件出来？袁程旭并非说网址不可以广告投放，是希望大伙儿在用户体验的考虑到情况下有效设计方案广告栏，例如编码君网址的广告栏遍布。</p><p>危害用户体验的网页设计方案因素四：关键信息没有在醒目部位；</p><p>设计方案网页的情况下，你一定要记住客户著名眼见到网页时，视野的集中化点会结在哪儿。可能你觉得网页设计方案仅仅往网页页面上堆积信息内容那样简易，但其实信息内容的分派合理布局是很有讲究的。网页页面的关键信息务必要在醒目的地方突显呈现，才可以更方便的被客户获得，否则的话实际上很危害用户体验。</p><p>就这样讲吧，以前我访问过一个精品酒店的网页，但找了大半天没发现在哪儿查询户型、价格这种客户非常关心的信息内容和新闻资讯，反而则是公司文化详细介绍、发展史这种并不是太重要的信息内容，摆放在了十分明显的部位。这种设计方案是灭绝人性的，在醒目部位置放客户关注的关键信息，才是正确的设计方案。</p><p>危害用户体验的网页设计方案因素五：太早的规定申请注册；</p><p>我一个网站找寻一张设计图纸，你需要我会员注册才可以查询，那么我毫无疑问不干了。这种太早的规定申请注册的平台都是很让客户厌烦的，如果你是那种什么真爱、相亲约会类的网址。例如珍爱网这种，你需要我注册了才有管理权限点击查看vip会员的信息内容，为了能找到真爱那我就只能认了。但如果只是免费下载一张图片或是一首歌就规定我申请注册得话，哪里有那闲工夫理睬你，在网上的在线资源多得是。</p><p>从用户体验的视角考虑，就应当给与客户更多的是独立决定权。例如我一部分网络资源是完全免费对外开放给予给全部客户访问或免费下载的，但还有很多精品资源是vip会员才有管理权限访问和免费下载，只需网络资源充足出色难道还怕吸引住不上客户来申请注册么？别逼迫客户去干她们不喜欢做的事情，要不然非常容易遭到客户抵触。</p><p>危害用户体验的网页设计方案因素六：槽糕的导航栏设计构思；</p><p>网址的导航条从来都是为了更好的地帮助客户，假如导航条设计方案得过于槽糕得话，还怎能具有正确引导客户的功效呢？网站设计导航条的情况下，一般要遵照电脑鼠标的较短途径标准，还需要尽可能的便捷客户去到她们要想去的网页页面。网站制作的每一点一滴实际上都有讲究，否则如何配得上设计方案二字？</p><p>或是以那一个精品酒店的网页为例子，试想一下，假如你如今急需解决预订一个房间，但找了大半天没寻找预定酒店的连接入口处，心里是否会很崩溃？一边是将要喷涌而出的激素，一边是对这槽糕网页感受里的各种各样恶意差评，二者不管哪一个都够使你疯狂的，心里在所难免大骂道：这都TM什么网站啊！</p><p>危害用户体验的网页设计方案因素七：Flash（尤其是首页仅有Flash呈现）；</p><p>在之前的seo类文章中，袁程旭数次提及，Flash的运用很不益于网址SEO。迄今为止，百度搜索引擎网络爬虫还不可以很好地抓取Flash文件具体内容，对网址的百度收录会出现一定的干扰。而网站主页恰巧是SEO情况下十分非常值得高度重视的一个网页页面，假如只有一个Flash文件在网站主页呈现得话，那么就难免太逗。</p><p>撇去SEO的因素不说，假如你进到一个网站主页发觉只有一个Flash文件呈现，是否会有一种一头雾水的觉得？一般这种网页设计方案也常见于这些品牌推广、企业品牌推广类网站，而呈现的Flash文件具体内容多半是对商品或公司开展详细介绍的。这是一种强势营销推广技巧，非常容易让客户造成抵抗的叛逆心理。</p><p>危害用户体验的网页设计方案因素八：色彩的搭配过于夺目；</p><p>网页色彩的搭配给消费者视觉效果里的冲击性是特别弱的，袁程旭本人或是比较喜欢选用这些简洁朴实的色彩设计方法来网站设计。我可以不喜爱进到一个网站见到五颜六色的控制模块，色彩的搭配过于夺目会使眼睛很非常容易感到疲倦。假如你网址的文字信息较多，就更不能选用太艳丽的颜色了，要不然客户视觉疲劳了还如何有想法去阅读文章新闻资讯呢？多参考一下大中型互联网企业的网页颜色，也许非常值得你来学习培训效仿。</p><p>袁程旭强烈要求各位朋友们，设计方案网页时应确保网页页面的主色彩搭配不得超过三种，如果你有特殊的要求而必须将网页设计方案成魔镜那样。诸位能够阅读文章《三分钟带你快速入门极简色彩学》本文来了解一些基本上的色彩理论专业知识，我觉得会十分有益于你一直在网页设计方案情况下开展有效颜色。</p><p>危害用户体验的网页设计方案因素九：table合理布局 or 页面过丑；</p><p>如同文章开头所说，现今网页往往能够设计方案得比十二年前精致，是由于div+css的合理布局构造可以塑造出许多table合理布局完成不上的实际效果。假如你还沉溺于table合理布局的网页中无法自拔的话，那样请你原谅我确实实在看不下去，只能默默地撤出你网址了。table合理布局的网页十分不好看，总而言之我就是承受可以了。</p><p>但是，即使是div+css布局，居然也有人可以把网页设计方案得十分丑的。这种网页一般多是选用类似dreamweaver的手机软件拖拽设计方案出去的，并没有编码写出来的网页来的精美。页面过丑的网页总而言之不容易太让人喜爱，说到底我们或是更愿意追求完美艺术美的，没有人会喜爱在这些丑恶的页面上多多滞留。</p><p>危害用户体验的网页设计方案因素十：网址过于“业余组”；</p><p>这儿所说的业余组，不仅仅表现在网址新闻资讯表述上，也表现在站点使用者的经营上。假如站点的主题风格不足确立，网址文章内容对某事物所表述的见解也不太让绝大多数人赞成，那么就可以这么说这种网址很是业余组。站点使用者在日常经营工作上，假如未及时更新网址新闻资讯，或是乃至连网址的公司介绍和在线留言等重要信息都未及时更新，那样这种网址还可以称之为业余组网址。</p><p>假如进到一个网站，发觉主页较新强烈推荐的内容或是2002年的，那么我肯定不会多看看就立刻撤出这个网站了。你假如在编号技术上或是SEO基础常识上稍显业余组，我还是能够容忍的，终究那跟我并没有很大的关联。但如果我觉得获得的东西找不到，或是找到但是却很业余组好笑的，那肯定也不会有好感。</p><p>危害用户体验的网页设计方案因素十一：设计方案里的一些缺陷；</p><p>这种因素很有可能不容易造成很多客户对你的网址造成抵触心态，但如果能留意到这几点而且有针对性地实现改善，一定能能够更好地提高网址用户体验。那么接下来大家就简洁聊一聊，这种设计方案里的缺陷。</p><p>这种因素很有可能不容易造成很多客户对你的网址造成抵触心态，但如果能留意到这几点而且有针对性地实现改善，一定能能够更好地提高网址用户体验。那么接下来大家就简洁聊一聊，这种设计方案里的缺陷。</p><p>1、分页查询浏览图片</p><p>多见于一些图片类网站，访问一张图片就需要转为下一页才可以再次访问，但确实有必要吗？明明可以在一页访问完十张照片，我却迫不得已翻十页访问完，虽说网址的总流量得到了不错的增强，但用户体验真的会非常差，访问起照片来真的好累啊；</p><p>2、字体样式挑选和合理布局</p><p>尤其是针对文字信息较为多的是网站而言，优良的阅读体验很是关键。编码君网址的论文页字体样式是通过严苛实验后，综合性用户满意度开展改善的。字体样式种类的挑选、尺寸、行高和文章段落间的间距这些因素，也有字体样式的右对齐，仅有都做细致了能够做到更快的感觉实际效果；阅读推荐：《汉语网页设计方案：有关字体样式的那些事》；</p><p>3、网页太窄或是偏重一侧两端对齐</p><p>如今大屏幕的机器设备愈来愈广泛，总宽为800px的网页设计方案显而易见早已跟不上时代了。提议PC端网页总宽至少要维持在1000px至1200px上下，自然可响应式合理布局。而网页假如偏重一侧两端对齐都是十分丑陋的，尽管切分显示屏的方法很新奇，但不适宜全站偏重一侧两端对齐；</p><p>4、构造错乱</p><p>这一想来也不用多讲了，跟糟心的导航栏设计方案让人觉得类似。平台构造错乱非常容易令人进去就找不着出去的路，只能关闭浏览器立即退出了。针对一般的小网站而言，并没有太多的物品用来分派，当然不容易有太繁杂或是错乱的构造。一旦网址做变大，考虑到构造的布局合理就必需了；</p><p>5、浏览器兼容性难题</p><p>不敲代码得人可能就会很容易忽视这种情况，访问者使用IE电脑浏览器和chorme各自对你网页开展访问的过程中，见到的作用有可能是不一样的。从用户体验的视角考虑，这种情况是很有必要考虑到的，但你也可以忽视这一因素，祷告客户不要用低级别的IE等电脑浏览器，或是祷告这种低级别浏览器升级。</p><p>危害用户体验的网页设计方案因素十二：并没有wap端通道或并没有响应式合理布局；</p><p>web端网页在显示屏比较大的计算机设备上赏析下去很有可能很好，但换了显示屏较小一点平板或是手机等移动终端访问时，在所难免让具体内容合理布局看起来过度紧凑。移动端网址设计开发在很久前就被大伙儿明确提出但是却一直没被高度重视，但是由于近几年来百度搜索等各大搜索引擎对有着wap端通道或响应式合理布局的网页表现得更加友善，让我们逐渐高度重视wap端企业网站建设。而设备的广泛应用和手机端搜索流量的提高，则促进了更多人下决心要基本建设wap端网址或是同时选用响应式合理布局设计制作网页。</p><p>本人还是挺提议大伙儿选用响应式网页合理布局的，比较合适各种各样不一样配备的访问机器设备，合乎当前的客户访问状况。假如想了解响应式网页合理布局的，可自主查询本频道以前发布的系列产品文章内容。</p><p>较后汇总：</p><p>各种各样缘故让我们在都还没真真正正掌握一个网站的情况下就把网页立即关掉了，因此用户体验的考虑到其实就是至关重要的。例如本文，其实就是不太重视用户体验的，写了一大堆文本却不见好多个插画图片布局合理一下，能全文看出来得人毫无疑问非常累。但照片得多得话，网页加载又减缓，文中开场拿了五张开图来作展现早已够危害网页加载了，因为最大限度地提高网页加载速率，只能少放几张图片了。</p><p>自然这十二点都不合理是使用者进入网站后没多久放弃你网址的必定因素，例如我就是误点连接才进的你网址，那么我一定会立刻离去，这也是一种很有可能。那样，你是为什么离去一个网页的？</p>                                </div>
                            </div>
                                                        <div class="wzbq wow slideUp mg-bt30">
                                <span>文章标签：</span>
                                <div class="bqnr">
                                                                                                             <a href="https://www.ciya.cn/tags/website-building/">网站建设</a>
                                                                                                                                                                                                                                                                                                                                                                    </div>
                            </div>
                                                        <div class="xwxq-bot bgf1 wow slideUp">
                                <div class="xwxq-fy clear">
                                    <a class="fl" href="/article/5896.html"><i></i>服务器日志能给SEOer传递哪些信息？</a>
                                    <a class="fr" href="/article/5893.html"><i></i>网站共享ip和独立ip哪个好</a>
                                </div>
                                <a class="fhlb" href="#"></a>
                            </div>
                        </div>
                        <div class="fr xwxq-r">
                            <div class="xwxq-tj-page bgf1 mg-bt40 wow slideUp">
                                <div class="xwxq-tj-warp bgfff">
                                    <div class="tjxw-title mg-bt30">
                                        <h3>最新案例</h3><span>LATEST CASES</span>
                                    </div>
                                    <div class="zxal">
                                        <div class="swiper-container">
                                            <div class="swiper-wrapper">
                                                                                                        <div class="imgscale li swiper-slide">
                                                        <a href="https://www.ciya.cn/article/409.html">
                                                            <div class="img100 mg-bt20"><img src="/upload/20211214/20211214103120.jpg" alt="广州呼吸研究院"/></div>
                                                            <p>广州呼吸研究院</p>
                                                        </a>
                                                    </div>
                                                                                                        <div class="imgscale li swiper-slide">
                                                        <a href="https://www.ciya.cn/article/433.html">
                                                            <div class="img100 mg-bt20"><img src="/upload/20211214/20211214102846.jpg" alt="融创集团"/></div>
                                                            <p>融创集团</p>
                                                        </a>
                                                    </div>
                                                                                                        <div class="imgscale li swiper-slide">
                                                        <a href="https://www.ciya.cn/article/268.html">
                                                            <div class="img100 mg-bt20"><img src="/upload/20211214/20211214102923.jpg" alt="粤海集团"/></div>
                                                            <p>粤海集团</p>
                                                        </a>
                                                    </div>
                                                                                                        <div class="imgscale li swiper-slide">
                                                        <a href="https://www.ciya.cn/article/414.html">
                                                            <div class="img100 mg-bt20"><img src="/upload/20211216/20211216115258.jpg" alt="恒大足球学校"/></div>
                                                            <p>恒大足球学校</p>
                                                        </a>
                                                    </div>
                                                                                                        <div class="imgscale li swiper-slide">
                                                        <a href="https://www.ciya.cn/article/477.html">
                                                            <div class="img100 mg-bt20"><img src="/upload/20211214/20211214102958.jpg" alt="侨鑫集团"/></div>
                                                            <p>侨鑫集团</p>
                                                        </a>
                                                    </div>
                                                                                                </div>
                                        </div>
                                        <div class="zxalDot text-center swiperDot"></div>
                                    </div>
                                </div>
                            </div>
                            <div class="xwxq-tj-page bgf1 mg-bt40 wow slideUp">
                                <div class="xwxq-tj-warp bgfff">
                                    <div class="tjxw-title tjxw-title-line mg-bt20">
                                        <h3>热点新闻</h3><span>TOP NEWS</span>
                                    </div>
                                    <ul class="rdxw">
                                                                                <li><a href="https://www.ciya.cn/article/7928.html">1  实体店面的网络营销策略：打造线上与线下的完美结合</a></li>
                                                                                <li><a href="https://www.ciya.cn/article/5177.html">2  小程序如何制作？解答小程序制作常见的两种方法！</a></li>
                                                                                <li><a href="https://www.ciya.cn/article/6439.html">3  欧美风格网站建设有哪些特点</a></li>
                                                                                <li><a href="https://www.ciya.cn/article/6131.html">4  关于北京市海淀区的网站在公安机关办理网站备案的公告</a></li>
                                                                                <li><a href="https://www.ciya.cn/article/7065.html">5  如何做好百度关键词优化</a></li>
                                                                            </ul>
                                </div>
                            </div>
                            <div class="xwxq-tj-page bgf1 wow slideUp">
                                <div class="xwxq-tj-warp bgfff">
                                    <div class="tjxw-title tjxw-title-line mg-bt20">
                                        <h3>最新动态</h3><span>NEWS</span>
                                    </div>
                                    <ul class="rdxw">
                                                                                <li><a href="https://www.ciya.cn/article/10606.html">1  网站SEO优化的一致化与标准化</a></li>
                                                                                <li><a href="https://www.ciya.cn/article/10602.html">2  网站外包运营推广优势</a></li>
                                                                                <li><a href="https://www.ciya.cn/article/10595.html">3  更新频次低的网站该如何SEO优化</a></li>
                                                                                <li><a href="https://www.ciya.cn/article/10592.html">4  网站付费推广的优化策略</a></li>
                                                                                <li><a href="https://www.ciya.cn/article/10583.html">5  网站零起点快速优化攻略</a></li>
                                                                                <li><a href="https://www.ciya.cn/article/10577.html">6  网站性能优化策略</a></li>
                                                                                <li><a href="https://www.ciya.cn/article/10571.html">7  网站优化如何确保完整性与稳定性</a></li>
                                                                                <li><a href="https://www.ciya.cn/article/10565.html">8  网站运营SEO优化关键词布局</a></li>
                                                                            </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="footerbox">
	<div class="footer">
		<div class="w1700">
			<ul>
				<li>
					<span class="fttitle">思洋 · 广州总部</span>
					<div>
						<p>广州天河区珠江新城富力盈力大厦北塔2706</p>
						<p>020-38013166（网站咨询专线）</p>
					</div>
					<p>400-001-5281 （售后服务热线）</p>
				</li>
				<li>
					<span class="fttitle">思洋 · 深圳</span>
					<div>
						<p>深圳市坂田十二橡树庄园F1-7栋</p>
						<p>Site/ http://www.szciya.com </p>
						<p>E-mail/ itciya@vip.163.com</p>
					</div>
					<p>品牌服务专线：400-001-5281 </p>
				</li>
				<li>
					<span class="fttitle">思洋 · 湖南</span>
					<div>
						<p>长沙市天心区芙蓉中路三段398号新时空大厦5楼</p>
						<p>联系电话/ (+86 0731)88282200</p>
					</div>
					<p>品牌服务专线/ 400-966-8830</p>
				</li>
				<li class="lastli">
					<p class="mt10">旗下运营网站：</p>
					<div class="mt10">
						<img src="/images/ftlogo2.png">
						<img src="/images/gogo.png">
						<img src="/images/ftlogo3.png">
						<img src="/images/ftlogo4.png">
						<img src="/images/ftlogo11.png">
					</div>
				</li>
			</ul>
		</div>
	</div>
	<div class="ft_bottom">
		<div class="w1700">
			<p class="cop">Copyright © 2016 广州思洋文化传播有限公司，保留所有权利。 <a href="https://beian.miit.gov.cn/" target="_blank">粤ICP备09033321号</a>
			</p>
		</div>
	</div>
</div>
<div class="le-box active">
	<div class="t show780">
		<a href="tel:13570966600">
			<img src="/images/ml9-1.png?v=1" alt="" class="sow i">
			<img src="/images/ml9-1.png?v=1" alt="" class="iove i">
		</a>
	</div>
	<div class="t">
		<img src="/images/ml1-1.png?v=1" alt="" class="sow i">
		<img src="/images/ml1-1.png?v=1" alt="" class="iove i">
		<div class="iov">
			<div class="img">
				<img src="/images/qr.jpg" alt="与项目经理交流">
			</div>
			<div class="h">扫描二维码<br>与项目经理交流</div>
		</div>
	</div>
	<div class="t">
		<img src="/images/ml2-1.png?v=1" alt="" class="sow i">
		<img src="/images/ml2-1.png?v=1" alt="" class="iove i">
		<div class="iov">
			<div class="img">
				<img src="/images/qq001.jpg" alt="">
			</div>
			<div class="h">扫描二维码<br>与项目经理交流</div>
		</div>
	</div>
	<!--<div class="t">-->
		<!--<a href="http://wpa.qq.com/msgrd?v=3&amp;uin=1607245872&amp;site=ciya.cn&amp;menu=yes" target="_blank">-->
			<!--<img src="/images/ml2-1.png?v=1" alt="" class="sow i">-->
			<!--<img src="/images/ml2-1.png?v=1" alt="" class="iove i">-->
		<!--</a>-->
	<!--</div>-->
	<div class="t hide780">
		<a href="https://affim.baidu.com/unique_510425/chat?siteId=19536215&userId=510425&siteToken=8914d517c927d8e794148d05e387fb17" target="_blank">
			<img src="/images/ml3-1.png?v=1" alt="" class="sow i">
			<img src="/images/ml3-1.png?v=1" alt="" class="iove i">
		</a>
	</div>
</div>
<script>
	$(window).scroll(function(){
//		if($(window).scrollTop()>200){
//			$(".le-box").addClass("active");
//		}else{
//			$(".le-box").removeClass("active");
//		}
	})
</script>
<div class="wap_fx">
	<a href="tel:13570966600" class="phone"></a>
	<a href="mqqwpa://im/chat?chat_type=wpa&uin=1607245872&version=1&src_type=web&web_src=ciya.cn" target="_blank" class="qq"></a>
	<a href="javascript:;" class="wx2"></a>
	<a class="kef986" style="background:rgba(0,0,0,.6) url(/images/ml3-1.png?v=1) no-repeat center;background-size: cover;border-radius: 4px;" href="https://p.qiao.baidu.com/cps/chat?siteId=18513940&userId=510425&siteToken=e5e1bde478969b43bf99b7703a694c0b" target="_blank"></a>
</div>
<div class="wap-wxcode">
	<div class="middle-box">
		<div class="middle-inner">
			<div class="wap-wxcode-con">
				<img src="/images/ff_ewm.jpg" alt=""/>
				<div class="wap-wxcode-bot"><span class="wxname">ciya68</span><button class="copy-btn" data-clipboard-text="ciya68">点击复制</button></div>
				<div class="gb1002"></div>
			</div>
		</div>
	</div>
</div>
<input id="hide" type="hidden">
<script src="/js/clipboard.min.js"></script>
<script>
	$(function(){
		$(".wx2").click(function(){
			$(".wap-wxcode").show();
		});
		$(".gb1002").click(function(){
			$(".wap-wxcode").hide();
		});
		var copyBtn=new ClipboardJS('.copy-btn');
		copyBtn.on("success",function(e){
			// 复制成功
			// alert(e.text);
			showMessage('已成功复制微信号','success',2000)
			e.clearSelection();
		});
		copyBtn.on("error",function(e){
			//复制失败；
			showMessage('复制微信号失败','error',2000)
			console.log( e.action )
		});
		function showMessage(message,type,time) {
			let str = ''
			switch (type) {
				case 'success':
					str = '<div class="success-message" style="width: 100%;height: 50px;background-color: #030026;font-size:17px;text-align: center;color:#fff;position: fixed;left: 0%;bottom: 0%;line-height: 50px;z-index: 9999">\n' +
							'    <span class="mes-text">'+message+'</span></div>'
					break;
				case 'error':
					str = '<div class="error-message" style="width: 100%;height: 50px;background-color: #030026;font-size:17px;text-align: center;color: #fff;position: fixed;left: 0%;bottom: 0%;line-height: 50px;z-index: 9999">\n' +
							'    <span class="mes-text">'+message+'</span></div>'
			}
			$('body').append(str)
			setTimeout(function () {
				$('.'+type+'-message').remove()
			},time)
		}


		var ua = navigator.userAgent.toLowerCase();
		var isWeixin = ua.indexOf('micromessenger')!= -1;
		if(isWeixin){
			$(".kef986").hide();
		}

	})
</script>
            </div>
        </div>
		<script type="text/javascript" src="/js/trunk.js?v=2"></script>
        <script>
            var zxal=null;
            var len=$(".zxal .swiper-slide").length;
            if(len>1){
                zxal = new Swiper('.zxal .swiper-container',{
                    speed:600,
                    loop:true,
                    autoplay : 5000,
                    autoplayDisableOnInteraction : false,
                    pagination : '.zxalDot',
                    paginationClickable :true,
                })
            }else{
                $(".zxalDot").hide();
            }
        </script>
	</body>
</html>

