1.隐藏文本和透明文字
隐蔽文字(hidden text)是许多人喜欢使用的作弊方式。由于并不想用多余的引诱搜索引擎阅读的文字来影响网页的目的和感觉，那么就将这些多余的文字隐蔽在 HTML 页码之中，只让搜索引擎看见或者使之透明而让浏览者看不见。有多种办法来达到这个效果:
将文字的颜色做成与网页背景相同或者近似的颜色，也就是对标签进行色彩修饰。
◆ 在表単的HTML编码中的中添加文字，即使有时整个网页没有一个表单。
在<![CDATA[标签中放入关键词，即使某一网页不存在框架。<br/><br/>◆ 在<noscript>和<noscript>中添加关键词，即使某一网页不存在 script.<br/><br/>一般指网页专为搜索引擎所设计，但普通访问者无法看到的文本内容或链接。在形形色色的隐藏技术中，*常见的就是把文本或链接文字的字体颜色设置为与背景色相同或十分接近。<br/><br/><strong>2.</strong><strong>误导性或重复性关键词</strong><br/><br/>误导性关键词(Misleading Words) 在页面中使用与该网页毫不相干的误导性关键词来吸引查询该主题的访问者访问网站。这种做法严重影响了搜索引擎所提供结果的相关性和客观性，为搜索引擎所深恶痛绝。<br/><br/>重复性关键词(Repeated Words)这种作弊技术也被称为“关键词堆砌欺骗(KeywordStuffing)"，它利用搜索引擎对网页正文和标题中出现的关键词的高度关注来对关键词进行不合理的重复。<br/><br/>类似的其它做法还包括在HTML元标识中大量堆砌关键词或使用多个关键词元标识来提高关键词的相关性。这种技术很容易被搜索引擎察觉并受到相应惩罚 。<br/> <br/><strong>3.</strong><strong>障眼法(Cloaking)</strong><br/><br/>障眼法(Cloaking)是指采用伪装网页的形式，先判断来访者是普通浏览器还是搜索引擎，从而展开不同的页面，这是一种典型的欺骗搜索引擎的障眼法，搜索引擎看到的网页时一个优化非常严重的内容，而一般浏览者看到的则是非常不同或者根本就不一样。<br/><br/>对实际访问者或搜索引擎任一方隐藏真实网站内容，以向搜索引擎提供非真实的搜索引擎友好的内容提升排名。典型的方式为使用Frame技术，通过调用另一页面，隐藏实际页面的内容。<br/><br/>搜索引擎对于这个掩耳盗铃的做法就一个字“封" 。<br/> <br/><strong>4.</strong><strong>桥页、跳页</strong><br/><br/>桥页、跳页(jumppage，doorway page)是纯粹为了某个特别的关键词获得搜索排名而设计的网页，这些网页一般不在网站的导航中出现，但是，被用来引导访客更深入地进入网站的其它页面，这些网页的内容不是很讲究，但是，在网页的底部有个链接，指导访客进入真正的有实质性内容的网站部分。<br/><br/>率先使用这类网页的网站是色情网站，色情网站为了招揽流量，制作了很多其它类别的网页，比如约会网、免费音乐下载等，这些网站平时人们搜索的频繁，而当一个色情站的桥页在“免费音乐下载”这类关键词上获得很好的排名的时候，招揽的访客实际上被引导至真实的色情网站，但是，由于，搜索引擎对于网站相关性有比较完善的审核，这种做法已进很难成功了。<br/><br/>另外，从表面上看这里网页没有什么有害的，可是，这些网页常常用 些自动变更的程序或者软件来变更网页中的关键词，所以，没有什么价值，搜索引擎声明，由于这些网页的建立可以自动进行，可以容易的生成几百或几千张，稀释了互联网中网站内容间的相关性，因此，从这个方面来说，搜索引擎拒绝收录这类垃圾。<br/><br/>这种做法对SEO本身也没有什么好处，对于有些获得排名的桥页，因为构造过于明显，竞争对手能看透其中的做法，然后，在它们的网页中克隆，这样就制作了许多重复页，搜索引擎对于重复页一般是筛选掉的，所以，这个做法实际上也不明智 。<br/> <br/><strong>5.</strong><strong>细微文字</strong><br/><br/>许多做搜索引擎优化的人士明白隐藏文字可能会遭到惩罚，所以就将本来隐藏的文字以细微的字体暴露出来。细微文字既是使用微小的字体在网页不现眼的地方书写带有关键词的句子。一般这些文字是放在网页*顶端或者*低部。这些文字的色彩虽然不是和像隐藏文字那样于背景使用相同颜色，但是经常也以非常相近的颜色出现。<br/><br/>在搜索引擎眼中，像"版权所有”这样的声明性文字一般是用迷你文字来显示的。由于这些细微文字是<a href="https://www.wxavatar.com/Web.html" target="_blank">网站建设</a>浏览者一般看不到而试图“忽悠"，搜索引擎，所以这些关键词和他们组成的句子以迷你字体来显示，就具有滥用的嫌疑。 <br/></p>
<div class="news_show_tag">声明：本站部分内容及图片来自互联网,转载是出于传递更多信息之目的,内容观点仅代表作者本人,如有任何标注错误或版权侵犯请与我们联系(Email:2242241319@qq.com)，我们将及时更正、删除，谢谢。</div>
<div class="news_show_tag"><span>标签：</span> </div>
</div>
<div class="skip">
<div class="fl">上一篇：<a href="https://www.wxavatar.com/4311.html">网站改版会对网站优化有影响吗？</a></div>
<div class="fr">下一篇：<a href="https://www.wxavatar.com/4321.html">英文网站是怎么运行的呢？</a></div>
</div>
<div class="relate_bord">
<div class="relate_tit">随机文章</div>
<ul class="relate_news">
<li><span class="date">04-16</span>
<dd><a href="https://www.wxavatar.com/wxwzsj-2-15.html" target="_blank">无锡网站设计性价比TOP3！第2家的报价太让人心动了！</a></dd>
</li>
<li><span class="date">08-02</span>
<dd><a href="https://www.wxavatar.com/yxxwzx-5.html" target="_blank">营销型网站新趋势：个性化定制与用户体验升级</a></dd>
</li>
<li><span class="date">06-18</span>
<dd><a href="https://www.wxavatar.com/3155.html" target="_blank">为什么你制作的网站不被收录</a></dd>
</li>
<li><span class="date">04-12</span>
<dd><a href="https://www.wxavatar.com/1426.html" target="_blank">无锡营销网站建设需要注意的事项</a></dd>
</li>
<li><span class="date">11-24</span>
<dd><a href="https://www.wxavatar.com/wzdjgs.html" target="_blank">网站搭建公司是否提供后期技术支持服务？</a></dd>
</li>
<li><span class="date">07-04</span>
<dd><a href="https://www.wxavatar.com/6011.html" target="_blank">成都网站怎么改版,网站改版我们应该注意哪些问题?</a></dd>
</li>
<li><span class="date">09-29</span>
<dd><a href="https://www.wxavatar.com/wxgdyx.html" target="_blank">无锡高端营销型网站设计哪家公司经验足？</a></dd>
</li>
<li><span class="date">06-26</span>
<dd><a href="https://www.wxavatar.com/5603.html" target="_blank">专业建站运营心得</a></dd>
</li>
</ul>
</div>
</div>
<div class="sidebar">
<div class="grayblock">
<dt><i class="iconfont icon-xiaoxi"></i>新上线案例</dt>
<ul class="pre_news">
<li>
<section><span class="text"><a href="https://www.wxavatar.com/wxshym-20.html" target="_blank">HUAYAN</a></span></section>
</li>
<li>
<section><span class="text"><a href="https://www.wxavatar.com/wxshym.html" target="_blank">无锡市华雁密封件</a></span></section>
</li>
<li>
<section><span class="text"><a href="https://www.wxavatar.com/nbqljm-2.html" target="_blank">Ningbo UNIWISE</a></span></section>
</li>
</ul>
</div>
<div class="grayblock">
<dt><i class="iconfont icon-xiaoxi"></i>观点</dt>
<ul class="pre_news">
<li>
<section><span class="text"><a href="https://www.wxavatar.com/rlzhwx-19-19.html" target="_blank" >热烈祝贺无锡市华雁密封件轴承英文网站正式上线！</a>07-21</span></section>
</li>
<li>
<section><span class="text"><a href="https://www.wxavatar.com/rlzhwx-6-17.html" target="_blank" >热烈祝贺无锡市华雁密封件轴承中文网站正式上线！</a>07-21</span></section>
</li>
<li>
<section><span class="text"><a href="https://www.wxavatar.com/rlzhnb.html" target="_blank" >热烈祝贺宁波齐林精密机械官网正式上线运营</a>07-09</span></section>
</li>
<li>
<section><span class="text"><a href="https://www.wxavatar.com/rlzhsh.html" target="_blank" >热烈祝贺上海小荷展示器材外贸独立站正式上线运营推广</a>07-09</span></section>
</li>
<li>
<section><span class="text"><a href="https://www.wxavatar.com/rlzhdn.html" target="_blank" >热烈祝贺DNYN英文独立站正式上线运营</a>06-18</span></section>
</li>
<li>
<section><span class="text"><a href="https://www.wxavatar.com/rlzhwx-18-19.html" target="_blank" >热烈祝贺无锡速必得英文定制网站正式上线运营</a>06-03</span></section>
</li>
</ul>
</div>
<div class="grayblock">
<dt><i class="iconfont icon-biaoqian"></i>热门标签</dt>
<ul class="tags_hot" id="tagsPreview">
<a href="https://www.wxavatar.com/tag935.html" target="_blank">高端网站定制</a><a href="https://www.wxavatar.com/tag936.html" target="_blank">网站定制价格</a><a href="https://www.wxavatar.com/tag250.html" target="_blank">外贸网站建站及优化推广</a><a href="https://www.wxavatar.com/tag251.html" target="_blank">外贸网站SEO优化</a><a href="https://www.wxavatar.com/tag252.html" target="_blank">外贸网站seo优化技巧</a><a href="https://www.wxavatar.com/tag991.html" target="_blank">如何设计外贸网站</a><a href="https://www.wxavatar.com/tag329.html" target="_blank">外贸网站设计专业公司</a><a href="https://www.wxavatar.com/tag319.html" target="_blank">外贸网站建设设计</a><a href="https://www.wxavatar.com/tag1216.html" target="_blank">营销型网站建站原则</a><a href="https://www.wxavatar.com/tag1259.html" target="_blank">营销型网站建设10大原则</a><a href="https://www.wxavatar.com/tag81.html" target="_blank">网站优化</a><a href="https://www.wxavatar.com/tag379.html" target="_blank"> 网站关键词优化费用</a><a href="https://www.wxavatar.com/tag338.html" target="_blank">企业网站优化费用</a><a href="https://www.wxavatar.com/tag926.html" target="_blank">外贸网站如何搭建</a>
</ul>
</div>
</div>
</div>
<div class="container">
<!-- *新案例 -->
<div class="relevant-block">
<div class="index-case2">
<div class="wrap-1760">
<div class="relevant-title t-center" aos="fade-up">案例</div>
<div class="list2" flex="wrap">
<div class="list2-li lw-w-4" aos="fade-up" aos-delay="100"><a href="https://www.wxavatar.com/nxkjwx.html" target="_blank" class="list2-box imgh">
<div class="img-box"><img src="/static/upload/image/20260811/1786414648471006.jpg" width="100%" alt="WIG Machinery" loading="lazy"></div>
<div class="cont">
<div class="list2-title">WIG Machinery</div>
<div class="list2-type">英文网站设计 企业官网建设 英文网站制作 网站改版</div>
</div>
</a> </div>
<div class="list2-li lw-w-4" aos="fade-up" aos-delay="100"><a href="https://www.wxavatar.com/wxjbyq.html" target="_blank" class="list2-box imgh">
<div class="img-box"><img src="/static/upload/image/20231212/1702368921202854.jpg" width="100%" alt="Wuxi Jiebo" loading="lazy"></div>
<div class="cont">
<div class="list2-title">Wuxi Jiebo</div>
<div class="list2-type">Customization of foreign trade website English website construction</div>
</div>
</a> </div>
<div class="list2-li lw-w-4" aos="fade-up" aos-delay="100"><a href="https://www.wxavatar.com/xajjlt.html" target="_blank" class="list2-box imgh">
<div class="img-box"><img src="/static/images/nopic.png" width="100%" alt="西安珏佳" loading="lazy"></div>
<div class="cont">
<div class="list2-title">西安珏佳</div>
<div class="list2-type">品牌网站制作 网站设计 宣传册设计</div>
</div>
</a> </div>
</div>
</div>
</div>
</div>
<!-- *新案例 -->
</div>
</div>
<footer>
<!--新增尾begin-->
<div class="foot_div" style="position:relative; overflow:visible;display: none">
<div class="foot_div_c">
<div class="footlist1">
<dl class="n1">
<dt>我们能做什么</dt>
<dd>网站建设，专业提供网站建设,营销型网站建设,外贸网站定制,品牌网站设计,高端网站制作,网站定制,网站开发,网站改版、网站代码优化、网站升级维护及程序开发等，服务范围涵盖基础的域名服务,企业邮箱,网络营销等建站服务，阿凡达拥有一支由多名网络安全专家、软件工程和项目管理专家、网站建设策划专家，为不同类型的客户提供良好的互联网应用定制解决方案，帮助客户在新的全球化互联网环境中保持优势。</dd>
</dl>
<dl class="n2">
<dt>我们的优势</dt>
<dd>
<ul>
<li>18年网站建设经验</li>
<li>18年营销型网站建设经验</li>
<li>18年外贸网站建设经验</li>
<li>18年网销代运营经验</li>
<li>国家高企培育入库</li>
<li>双软认证企业</li>
<li>完善的售后服务体系</li>
<li>深厚的网络运营经验</li>
<li>41项软件著作权</li>
<li>860+生产型企业见证</li>
<li>具有完备的项目管理</li>
<li>网站代码深度符合SEO</li>
<li>提供前后台网站源码</li>
<li>不断更新SEO新技术</li>
<li>免费终身售后维护</li>
<li>整体符合搜索引擎算法</li>
</ul>
</dd>
</dl>
<dl class="n3">
<dt>关于阿凡达</dt>
<dd>阿凡达网络一直秉承专业、诚信、服务、进取的价值观，坚持优秀的商业道德，以用户价值为导向，向用户提供优质产品和优质服务，从而赢得了用户的信赖。自2012年以来公司建站业务范围包括无锡梁溪、惠山、滨湖、新吴、锡山、江阴、宜兴以及其它城市深圳、广州、北京、南京、上海、苏州、常州，全国各地接受异地服务商的公司企业或者机构。阿凡达建站公司始终以不懈的努力、更高的目标来要求自己。 已服务的客户有威孚催化剂,日联,北方湖光，虎虎机电，速必得，大鸿液压,玉鑫铝压铸，新华商学院，清联智控，同联，永井，研奇，小黄蜂缠绕机，鑫必承。</dd>
</dl>
</div>
</div>
</div>
<!--新增尾end-->
<!--<div class="ftyl">
<div class="w">
<p>友情链接：</p>
<a href="http://www.wxjiebo.com.cn">直读光谱仪</a>
<a href="http://www.wxavatar.com.cn">无锡网站建设</a>
</div>
</div>-->
<!--<div class="ftyl">
<div class="w">
<p>相关推荐:</p> <span class="ftyl-more">
</span>
<span class="ftyl_link">
<a href="https://www.shyuanzhen.cn/" target="_blank">上海网站建设</a>
<a href="https://www.hi0755.net/" target="_blank">深圳网站建设</a>
<a href="https://www.unicomp.cn" target="_blank">检测设备</a>
</span>
</div>
</div>-->
<div class="foot">
<div class="w">
<div class="foot_text">
<p>Copyright @ 2012 无锡阿凡达网络科技有限公司 版权所</p>
<p><a href="https://beian.miit.gov.cn/" rel="nofollow" target="_blank">苏ICP备13021672号</a></p>
<p><a href="https://beian.mps.gov.cn/#/query/webSearch?code=32021302001412" rel="nofollow" target="_blank">
<img width="15px" src="https://beian.mps.gov.cn/web/assets/logo01.6189a29f.png" alt="苏公网安备32021302001412">苏公网安备32021302001412</a>
</p>
</div>
<div class="foot_button">
<ul>
</ul>
</div>
</div>
</div>
</footer>
<!-- links end -->
<div class="right_cus">
<ul>
<li class="ico2"> <a href="javascript:void(0)" rel="nofollow"></a>
<div class="right_wechat"><img src="https://www.wxavatar.com/static/upload/image/20221123/1669195770943583.jpg" width="130" alt="微信"></div>
</li>
<li class="ico1"> <a href="javascript:;" rel="nofollow"></a> </li>
<li class="ico3"> <a href="javascript:void(0)" rel="nofollow"></a>
<div class="ServiceHotline"> 17849443943</div>
</li>
<li class="ico4"><a href="javascript:goTop();" rel="nofollow"></a> </li>
</ul>
</div>
<!-- right_cus end -->
<!--<div class="tool">
<div class="tool-top">
<p class="customer-hotline" >免费答疑热线</p>
<p class="phone" >400-189-1319</p>
<p class="scan-code-text" >添加微信</p> <img src="/static/upload/image/20221123/1669195770943583.jpg" alt="添加微信" class="company-ewm" >
</div>
<div class="tool-bottom" ><img src="https://www.wxavatar.com/template/default/static/picture/to_topind.png" class="to-top" alt="添加微信"></div>
</div>-->
<script>
const img = document.querySelector('.to-top');
function handleScroll() {
const scrollTop = window.scrollY;
if (scrollTop >= 600) {
img.style.display = 'none';
} else {
img.style.display = '';
}
}
window.addEventListener('scroll', handleScroll);
handleScroll();
</script>
<!-- tool end -->
<div id="bottom">
<ul>
<li> <a href="https://www.wxavatar.com/">
<dl>
<dt><img src="https://www.wxavatar.com/template/default/static/picture/icon_1.png" width="25" height="25" alt="首页"></dt>
<dd>网站首页</dd>
</dl>
</a> </li>
<li> <a href="tel:17849443943" rel="nofollow">
<dl>
<dt><img src="https://www.wxavatar.com/template/default/static/picture/icon_2.png" width="25" height="25" alt="咨询电话"></dt>
<dd>咨询电话</dd>
</dl>
</a> </li>
<li> <a href="https://www.wxavatar.com/lianxiwomen.html" rel="nofollow">
<dl>
<dt><img src="https://www.wxavatar.com/template/default/static/picture/icon_3.png" width="25" height="25" alt="联系电话"></dt>
<dd>联系我们</dd>
</dl>
</a> </li>
</ul>
</div>
<!-- bottom end -->
<style>
#newBridge .nb-icon-right-center {
top: 75%;
}
</style>
<script>
var bdm='763c35f7a2e6879ad4016d36284572e0';
if(window.screen.width>786){
bdm='3d84d2bce588d91d24d296dbe746cf81';
}
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?"+bdm;
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
function aiff(){
document.getElementById('nb_icon_wrap').click();
}
</script>
<style>
/*foxcms-fixed-container 首页侧边导航栏*开始*/
.foxcms-fixed-container {
position: fixed;
right: 3px;
top: 270px;
z-index: 9998;
}
.foxcms-fixed-content {
position: relative;
}
.ai-open-btn {
width: 80px;
height: 80px;
cursor: pointer;
transition: all 0.3s ease;
}
.ai-open-btn:hover {
transform: scale(1.05);
}
.ai-open-btn img {
width: 100%;
height: 100%;
border-radius: 50%;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
animation: glow-pulse 2s ease-in-out infinite;
}
@keyframes glow-pulse {
0% {
box-shadow: 0 0 0 0 rgba(99, 102, 241, 0.4), 0 4px 20px rgba(0, 0, 0, 0.2);
}
50% {
box-shadow: 0 0 0 15px rgba(99, 102, 241, 0), 0 4px 30px rgba(99, 102, 241, 0.3);
}
100% {
box-shadow: 0 0 0 0 rgba(99, 102, 241, 0), 0 4px 20px rgba(0, 0, 0, 0.2);
}
}
.ai-close-btn {
position: absolute;
z-index: 10001;
top: -20px;
right: -20px;
width: 40px;
height: 40px;
cursor: pointer;
display: none;
background: rgba(255, 255, 255, 0.6);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
transition: all 0.3s ease;
}
.ai-close-btn:hover {
background: rgba(255, 255, 255, 0.9);
transform: scale(1.05);
}
.ai-close-btn svg {
width: 20px;
height: 20px;
color: #666;
}
.ai-iframe-container {
position: fixed;
right: -60px;
bottom: 150px;
z-index: 9999;
width: 770px;
overflow: hidden;
background: transparent;
border: none;
display: none;
}
.ai-iframe-container iframe {
width: 100%;
border: none;
overflow: hidden;
background: transparent;
}
@media screen and (max-width: 992px) {
.foxcms-fixed-container {
right: 20px;
bottom: 20px;
}
.ai-open-btn {
width: 80px;
height: 80px;
}
.ai-close-btn {
z-index: 9999;
right: -10px;
bottom: 550px;
width: 25px;
height: 25px;
}
.ai-close-btn svg {
width: 20px;
height: 20px;
}
.ai-iframe-container {
width: calc(100vw - 40px);
right: 20px;
bottom: 120px;
}
}
.foxcms-contact-bar {
position: fixed;
right: 10px;
z-index: 9997;
background-color: #fff;
border-radius: 30px;
padding: 8px 0;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
display: flex;
flex-direction: column;
gap: 8px;
margin-top: 10px;
}
.foxcms-contact-bar .contact-item {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 60px;
height: 60px;
cursor: pointer;
transition: all 0.3s ease;
position: relative;
}
.foxcms-contact-bar .contact-item img {
width: 30px;
margin-bottom: 5px;
}
.foxcms-contact-bar .contact-icon {
width: 32px;
height: 32px;
color: #333;
margin-bottom: 4px;
}
.foxcms-contact-bar .contact-text {
font-size: 14px;
color: #333;
line-height: 1;
}
.foxcms-contact-bar .contact-popup {
position: absolute;
right: 150px;
top: 50%;
transform: translateY(-50%);
background-color: #fff;
padding: 12px 16px;
border-radius: 8px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
white-space: nowrap;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease;
z-index: 10000;
}
.foxcms-contact-bar .contact-popup::after {
content: '';
position: absolute;
right: -5px;
top: 50%;
transform: translateY(-50%);
width: 0;
height: 0;
border-style: solid;
border-width: 8px 0 8px 8px;
border-color: transparent transparent transparent #fff;
}
.foxcms-contact-bar .contact-item:hover .contact-popup {
opacity: 1;
visibility: visible;
right: 145px;
}
.foxcms-contact-bar .contact-tel-popup span {
font-size: 18px;
font-weight: bold;
color: #333;
}
.foxcms-contact-bar .contact-wechat-popup img {
width: 120px;
height: 120px;
display: block;
}
@media screen and (max-width: 992px) {
.foxcms-contact-bar {
right: 20px;
bottom: 100px;
}
}
/*foxcms-fixed-container 首页侧边导航栏*结束*/
</style>
<div class="foxcms-fixed-container">
<div class="foxcms-fixed-content">
<div id="ai-open-btn" class="ai-open-btn" onclick="openAiIframe()">
<img src="https://www.wxavatar.com/template/default/static/picture/ai.png" width="80" height="80" alt="AI数字人">
</div>
<div id="ai-close-btn" class="ai-close-btn" onclick="closeAiIframe()" style="display:none;">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<line x1="18" y1="6" x2="6" y2="18"></line>
<line x1="6" y1="6" x2="18" y2="18"></line>
</svg>
</div>
</div>
<div class="foxcms-contact-bar">
<div class="contact-item contact-tel" onmouseenter="showContactInfo('tel')" onmouseleave="hideContactInfo('tel')">
<img src="https://www.wxavatar.com/template/default/static/image/phone_icon.svg" alt="phone" />
<span class="contact-text">电话</span>
<div class="contact-popup contact-tel-popup">
<span>400-189-1319</span>
</div>
</div>
<div class="contact-item contact-wechat" onmouseenter="showContactInfo('wechat')" onmouseleave="hideContactInfo('wechat')">
<img src="https://www.wxavatar.com/template/default/static/image/wechat_cion.svg" alt="wechat" />
<span class="contact-text">微信</span>
<div class="contact-popup contact-wechat-popup">
<img src="https://www.wxavatar.com/template/default/static/image/code_img.jpg" alt="code" />
</div>
</div>
<div class="contact-item contact-top" onclick="scrollToTop()">
<svg class="contact-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M18 15l-6-6-6 6"></path>
</svg>
<span class="contact-text">顶部</span>
</div>
</div>
</div>
<script>
function showContactInfo(type) {
var popup = document.querySelector('.contact-' + type + '-popup');
if (popup) {
popup.style.opacity = '1';
popup.style.visibility = 'visible';
popup.style.right = '86px';
}
}
function hideContactInfo(type) {
var popup = document.querySelector('.contact-' + type + '-popup');
if (popup) {
popup.style.opacity = '0';
popup.style.visibility = 'hidden';
popup.style.right = '86px';
}
}
function scrollToTop() {
window.scrollTo({
top: 0,
behavior: 'smooth'
});
}
var aiIframeUrl = 'https://ai.gangwaninfo.com/dashboard?code=wxavatar&fontSize=90';
function getAiIframeHeight() {
var width = window.innerWidth;
if (width <= 1920 && width >= 1440) {
return '700px';
} else if (width >= 1281 && width < 1440) {
return '600px';
} else if (width >= 1025 && width < 1281) {
return '550px';
} else if (width >= 768 && width < 1025) {
return '500px';
} else {
return '680px';
}
}
function openAiIframe() {
if (document.getElementById('ai-iframe')) return;
var container = document.createElement('div');
container.id = 'ai-iframe';
container.className = 'ai-iframe-container';
container.style.display = 'block';
container.style.height = getAiIframeHeight();
var iframe = document.createElement('iframe');
iframe.src = aiIframeUrl;
iframe.frameBorder = '0';
iframe.allowTransparency = 'true';
iframe.allow = 'microphone; fullscreen; xr-spatial-tracking';
iframe.scrolling = 'no';
iframe.style.height = '100%';
container.appendChild(iframe);
var closeBtn = document.createElement('div');
closeBtn.id = 'ai-close-btn';
closeBtn.className = 'ai-close-btn';
closeBtn.innerHTML = '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>';
closeBtn.onclick = closeAiIframe;
closeBtn.style.display = 'flex';
closeBtn.style.position = 'absolute';
closeBtn.style.top = '20px';
closeBtn.style.right = '160px';
closeBtn.style.zIndex = '10001';
container.appendChild(closeBtn);
document.body.appendChild(container);
var openBtn = document.getElementById('ai-open-btn');
if (openBtn) {
openBtn.style.display = 'none';
}
}
function closeAiIframe() {
var iframeContainer = document.getElementById('ai-iframe');
if (iframeContainer) {
iframeContainer.remove();
}
var closeBtn = document.getElementById('ai-close-btn');
if (closeBtn) {
closeBtn.style.display = 'none';
}
var openBtn = document.getElementById('ai-open-btn');
if (openBtn) {
openBtn.style.display = 'block';
}
}
window.addEventListener('resize', function() {
var iframeContainer = document.getElementById('ai-iframe');
if (iframeContainer) {
iframeContainer.style.height = getAiIframeHeight();
}
});
</script>
<script type="text/javascript" src="https://www.wxavatar.com/template/default/static/layer/layer.js"></script>
<script type='text/javascript' src='https://www.wxavatar.com/template/default/static/js/wow.min.js'></script>
<script type='text/javascript' src='https://www.wxavatar.com/template/default/static/js/comm.js'></script>
<script type='text/javascript' src='https://www.wxavatar.com/template/default/static/js/about.js'></script>
<div id="fade" class="black_overlay"></div>
</body>
</html>]]>
