代码介绍：
个性化jquery网站右侧在线客服代码，多元化折叠展开，具体效果请查看演示。
把代码中必要的数字/文字/图片信息修改为自己的信息，即可投入到自己的网站使用。
演示地址：
https://www.yizhanzzw.com/yanshi/kefu62
演示效果图片：
![图片[1]-个性化jquery网站右侧在线客服代码（多元化折叠展开）-易站站长网](https://www.yizhanzzw.com/wp-content/uploads/2022/03/1647865048-99a1ca7ef758bae.png)
![图片[2]-个性化jquery网站右侧在线客服代码（多元化折叠展开）-易站站长网](https://www.yizhanzzw.com/wp-content/uploads/2022/03/1647865121-72c95679ec0ac70.png)
代码如下：
<!-- 代码开始 www.yizhanzzw.com 易站站长网提供制作 -->
<script src="https://www.yizhanzzw.com/yanshi/kefu62/js/jquery.min.js"></script>
<script src="https://www.yizhanzzw.com/yanshi/kefu62/js/yizhanzzw.js"></script>
<link href="https://www.yizhanzzw.com/yanshi/kefu62/css/yizhanzzw.css" type="text/css" rel="stylesheet">
<div class="helper-button" style="position:fixed; width:42px;height:118px;right:6px;top:112px;z-index:10000; _position:absolute;_bottom:auto; _top:expression(eval(document.documentElement.scrollTop+112)); " > <a href="#" onclick="return false;"></a> </div>
<div class="helper-wrap show" style="cursor:move;" title="点击拖动">
<div class="helper-box">
<div class="helper-box-tit">
<ul class="tab_menu">
<li id="advertiser"><a class="on" href="javascript:void(0);" >广告主</a></li>
<li id="affiliate"><a class="" href="javascript:void(0);" >站长</a></li>
<!--<li style="height:30px; width:125px;cursor:move;" title="点击拖动"></li>-->
</ul>
<div class="helper-box-close"> <a onclick="return false;" title="关闭" ></a> </div>
</div>
<div class="tab_box" id="adver">
<!--广告商信息列表-->
<ul class="con">
<li><a title="合作合同下载！" href="#">合作合同下载！</a>
<div class="helper-box-list-con" >
<div style="text-align: center; ">合作合同下载</div>
</div>
</li>
<li><a title="多多联盟合作流程。" href="#">多多联盟合作流程。</a>
<div class="helper-box-list-con" >
<ul class="inline bigicon">
<li class="icon"><a href="javascript:"><i class="iconfont"></i> </a>
<p><a href="javascript:">STEP 1</a></p>
<p><a href="javascript:">洽谈合作</a></p>
</li>
<li class="ftip"><i class="iconfont">Ń</i></li>
<li class="icon"><a href="javascript:"><i class="iconfont">Į</i> </a>
<p><a href="javascript:">STEP 2</a></p>
<p><a href="javascript:">预存费用</a></p>
</li>
<li class="ftip"><i class="iconfont">Ń</i></li>
<li class="icon"><a href="javascript:"><i class="iconfont">Ġ</i> </a>
<p><a href="javascript:">STEP 5</a></p>
<p><a href="javascript:">上线推广</a></p>
</li>
<li class="ftip"><i class="iconfont">Ń</i></li>
<li class="icon"><a href="javascript:"><i class="iconfont">ć</i> </a>
<p><a href="javascript:">STEP 6</a></p>
<p><a href="javascript:">效果跟踪</a></p>
</li>
</ul>
</div>
</li>
<li><a title="如何新建广告？" href="#">如何新建广告？</a></li>
<li><a title="如何新建推广计划？" href="#">如何新建推广计划？</a></li>
<li><a title="新建广告计划于新建广告位的区别？" href="#">新建广告计划于新建广告位的区别？</a>
<div class="helper-box-list-con" > 广告计划包含广告位，在新建广告位必须新建广告计划。不同的广告类型可以新建在一个计划里。比如A推广计划，可以新建CPC广告位类型、CPV广告位类型等、<br />
<strong>联系 </strong> <br />
多多广告联盟允许一个账户新建多个推广计划。每个计划可以推广的是不同的产品和网址链接。每个计划里可以新建多个广告位（最多12个）</div>
</li>
<li><a title="为什么新建的的推广计划无效？" href="#">为什么新建的的推广计划无效？</a>
<div class="helper-box-list-con" > 在注册多多联盟广告主用户，新建的推广计划必须在账户有充足的金额前提下才能自动激活。</div>
</li>
</ul>
<div class="helper-box-bot">
<!--广告商QQ客服-->
<a style="background:#95C360;" href="http://wp.qq.com/wpa/qunwpa?idkey=6fcb83942dc3630777ae7745bd5093a1a5917f915f4e95cfc498633379ebfbb4"><i class="iconfont" style="font-size:25px">Ȍ</i> QQ咨询 </a> <a style="background:#54C5FD;" href="http://wp.qq.com/wpa/qunwpa?idkey=6fcb83942dc3630777ae7745bd5093a1a5917f915f4e95cfc498633379ebfbb4"><i class="iconfont" style="font-size:25px">'</i> 44505628 </a> </div>
</div>
<div class="tab_box" id="affili"style="display:none">
<!--站长信息列表-->
<ul class="con">
<li><a title="告诉您如何推广下线链接获得永久提成" href="#">告诉您如何推广下线链接获得永久提成</a>
<div class="helper-box-list-con" > 独乐乐不如众乐乐，如此赚钱的平台，相信您也愿意让身边的站长朋友知道吧！<br />
<br />
方法1：在自己的网站添加我们的友情链接<br />
代码形式： <a href="http://www.duoduo.net/v/?a={您的会员ID}">广告联盟</a><br />
A标签的内容推荐使用“广告联盟”而不是“多多联盟”，这样目的性更强，效果更好！<br />
方法2：论坛发帖<br />
方法3：软文推广<br />
方法4：QQ群等……<br />
<br />
其他方法有待您的开发，也欢迎您给我们提供其他方法途径的建议，非常感谢！<br />
</div>
</li>
<li><a title="最新活动预告" href="#">最新活动预告</a>
<div class="helper-box-list-con" > 请关注多多咨询，各种活动即将上线。<a href="javascript:">www.duoduo.net/zixun</a></div>
</li>
<li><a title="违规推广处罚规则。" href="#">违规推广处罚规则。</a>
<div class="helper-box-list-con" > 如违反《多多联盟会员注册协议》，将立即解除与多多联盟合作，不再恢复合作资格。</div>
</li>
<li><a title="网站审核要求有哪些？" href="#">网站审核要求有哪些？</a>
<div class="helper-box-list-con" > 有以下情况者，多多联盟谢绝加入！
<div>1、网站没有实际内容.</div>
<div>2、网站有病毒或木马.</div>
<div>3、色情或不健康内容.</div>
<div>4、弹窗过多.(所有单页面弹窗不得多于2个<进弹+退弹>) </div>
<div>5、非正规投放代码.(隐藏、遮盖广告)</div>
<div>6、作弊帐号，代理IP或虚假数据.</div>
<div>7、网站打不开.</div>
<div>8、网站内容不适合.</div>
<div>9、其他不遵守多多联盟相关规定或变相违规的帐号.</div>
<div>请注意，多多联盟只审核正规合法网站。</div>
<div>除以上之外，非自主独立域名，伦理片、三级片、网赚、广告任务、外挂私服、tk域名都不审核!</div>
</div>
</li>
<li><a title="什么账户会被冻结挂起？" href="#">什么账户会被冻结挂起？</a>
<div class="helper-box-list-con" > 日常检查中发现有以下违规现象时，情况严重的帐号将被挂起！
<div>一）网站没有实际内容.</div>
<div>【纯广告页面，新建无内容网站等一律不予审核！】</div>
<div>二）强制或诱导点击.</div>
<div>【不得以任何语言或者形式诱导、误导、要求或强制访问者点击广告。】</div>
<div>违规范例：</div>
<div>1：支持本站发展，请点击广告。 </div>
<div>2：点击广告获取下载地址 / 观看影片 / 提高下载速度 / 注册帐号。 </div>
<div>三）色情或不健康内容.</div>
<div>【多多联盟严格审查，坚决杜绝一切色情、人体、露点等不健康网站！】</div>
<div>四）病毒或弹窗过多.</div>
<div>【网站所有单个页面弹窗不得多于2个<包括进弹和退弹>】</div>
<div>五）非正规或未投放代码.</div>
<div>【注册后长期未投放多多联盟广告的，多多联盟有权将账号删除处理。】</div>
<div>广告条必须完整嵌入网页且完全显示，不得删减、遮挡代码。</div>
<div>不得将标题颜色和背景颜色使用相近色系，以保证广告的清晰明了。</div>
<div>六）代理IP或作弊点击弹窗.</div>
<div>【任何非人工产生的数据，代理服务器IP，假IP，自动刷新，javascript都是作弊。使用非HTML手段、 JAVASRIPT 窗口、隐藏FRAME 、CGI 自动生成、网页REFRESH/AUTOLOAD等来演绎广告均属违规。】 </div>
<div>七）网站打不开或不适合加入.</div>
<div>【首页不能正常打开的，或者有任何一种不适合审核的情况的。】</div>
<div>八）标题或内容不适合.</div>
<div>【多多联盟谢绝一切非正规网站。】</div>
<div>九）不遵守多多联盟传媒相关规定或变相违规的帐号.</div>
<div>【未提及的其他。多多联盟传媒拥有增删、修改、完善规则的权利。】</div>
</div>
</li>
<li><a title="一个站点最多投放几个弹窗广告？" href="#">一个站点最多投放几个弹窗广告？</a>
<div class="helper-box-list-con" > 一个站点最多投放2个弹窗，进弹和退弹。若有违规，直接封号不通知。</div>
</li>
</ul>
<div class="helper-box-bot">
<!--站长QQ客服-->
<a style="background:#95C360;" href="http://wp.qq.com/wpa/qunwpa?idkey=6fcb83942dc3630777ae7745bd5093a1a5917f915f4e95cfc498633379ebfbb4"><i class="iconfont" style="font-size:25px">Ȍ</i> 咨询QQ </a> <a style="background:#54C5FD;" href="http://wp.qq.com/wpa/qunwpa?idkey=6fcb83942dc3630777ae7745bd5093a1a5917f915f4e95cfc498633379ebfbb4"><i class="iconfont" style="font-size:25px">'</i> 123456 </a> </div>
</div>
</div>
</div>
<!-- 代码结束 www.yizhanzzw.com 易站站长网提供制作 -->
使用说明：
1.复制以上代码 从<!-- 代码 开始 --> 复制到<!-- 代码 结束 -->
2.建议将代码放入到网站的<body></body>或者<footer></footer>之间、或者网站后台有插入第三方统计代码的地方，也可以直接放入第三方统计代码中。
3.刷新已经放入的网站，即可生效。
代码修改提示说明：
1.代码中的图片地址只是为了展示效果采用本站的图片地址，正式使用的时候可以自定义修改为自己的图片地址。
2.代码中的CSS和JS引用链接地址，非必要，建议不要修改，本站地址永久有效，并且秒加载。
3.如果不能在代码中直接修改为自己的信息，那么只需要将本站引用的CSS/JS下载到本地即可实现修改使用。
4.如果是对代码没有基础的同学，建议只修改代码中的自己需要展示的信息即可，代码字符就请勿修改，以防止乱码不能正常显示。
5.如果是对代码有一定基础的同学，当然是想怎么改就怎么改啦~
THE END
【年费SVIP会员】99元全站资源免费下载
本站已开通会员技术交流QQ群，仅限SVIP永久会员加入，群号：831041601
暂无评论内容