互推联盟js代码，欢迎调用！

不久前，张戈博客刚推出自适应的互推联盟通用代码，得到了很多博主的支持和响应，在这里张戈对调用 iframe 代码的各个博主说声感谢！是你们的支持，给我带来了无限的动力！

今天，在逛博客的时候，发现居然有博主仿制了张戈博客的互推联盟自适应页面。本来心里会有点不爽的，因为扒代码也不先和我说一声。。。虽然我这个页面是拿了酷嗨哥的源码，但个人真的倾注了很多心血呢！不过，后来看到他已经写文说了来源，所以我也就没啥意见了，因为互联网本来就是一个的开放平台，网页代码更是明文传输。。。

好了，也懒得吐槽了，既然有人仿制，说明我这东西做得好、既然他仿制得不错，那我必须得做出更好的东西来才行！

回家后，我削尖脑袋，抓破头皮，对页面进行了如下改进：

一、采用 JS 调用页面

修改目的：将 iframe 代码通过 JS 调用，弥补了直接使用 iframe 代码调用页面造成不利于 SEO 的缺憾！

废话不多说，直接上代码：

常规 JS 代码，推荐页面宽度 ≥ 570px：

<script language="javascript" src="http://zgboke.com/hutui.js"></script>

迷你 JS 代码，只有页面宽度＜570px 才推荐使用（博客联盟已制作响应式版本，无需使用...）： 

<script language="javascript" src="http://zgboke.com/mobilehutui.js"></script>

简单说明：代码就一行，短小精悍，和以前使用 iframe 调用的效果一样！

使用方法和 iframe 调用一致，只要将上面一句代码放到你想要显示的位置即可！点击查看详细部署说明...

对于 SEO，JS 的调用要比 iframe 要友好得多！所以，强烈建议采用 JS 来制作互推联盟页面。

已调用的博客，只要将以上代码替换掉之前的代码即可，多谢支持！

二、优化移动端访问

①  额外定制移动样式

移动互联的时代已然来临，所以加入移动端的支持是迫在眉睫的！于是张戈重新定制了互推联盟的移动端样式，尽量让手机等移动设备访问互推联盟时获得最好的显示效果！互推联盟页面在响应式主题或具备手机主题的博客，将会智能切换到手机样式。

下面来张预览图（来自 MOREOPEN 博客，720p 手机屏）：

Ps：图中 TAB 未改动，现已改成两个字的简称，欢迎大家自行查看实际显示效果。

②  优化页面速度

移动端受信号等因素影响，速度普遍过慢，所以我取消了手机端申请加入功能，并删除冗余 JS 等代码，提高互推联盟页面在移动端开启速度。

三、加入提交验证

虽然，到目前为止，张戈博客后台还未收到机器人恶意提交的链接，但为了避免后续被人盯上，先简单的加上了验证码校验提交的功能。

三、右键弹出邀请

当鼠标右键互推联盟的调用页面，会弹出邀请加入的提示，希望能吸收更多博友的加入，壮大这个互推队伍。

其他细节优化张戈就不一一举例了，希望各位喜欢。若使用中发现任何问题，都可以联系张戈反馈吐槽！