jquery网站右侧渐变显示隐藏的在线客服代码-易站站长网

代码介绍：

jquery右侧渐变显示隐藏的在线客服代码，鼠标滑过和展开与折叠，具体效果请查看演示。

把代码中必要的数字/文字/图片信息修改为自己的信息，即可投入到自己的网站使用。

演示地址：

https://www.yizhanzzw.com/yanshi/kefu36

演示效果图片：

代码如下：

<!-- 代码开始 www.yizhanzzw.com 47430218提供制作 --> 
<DIV>
  <DIV id=newkefu_right class=newkefu><IMG id=newkefu_bar class=newkefu_bar 
border=0 src="https://www.yizhanzzw.com/yanshi/kefu36/images/qq/kefu-right.png" width=33 
height=168>
    <DIV style="DISPLAY: none" id=group_pad class=newkefu_group>
      <DIV class=qq_top><IMG src="https://www.yizhanzzw.com/yanshi/kefu36/images/qq/kefu-top.png" 
width=140 height=28></DIV>
      <div class="shouqian_mid">
        <ul>
          <li>
         <script type="text/javascript" src="http://static.b.qq.com/account/bizqq/js/wpa.js?type=1&kfuin=473210378&ws=www.yizhanzzw.com.com&btn1=473210378=2&a=8"></script>
          </li>
        <li>
         <script type="text/javascript" src="http://static.b.qq.com/account/bizqq/js/wpa.js?type=1&kfuin=473210378&ws=www.yizhanzzw.com.com&btn1=47430218=2&a=8"></script>
          </li>
            <li>
         <script type="text/javascript" src="http://static.b.qq.com/account/bizqq/js/wpa.js?type=1&kfuin=473210378&ws=www.yizhanzzw.com.com&btn1=47430218=2&a=8"></script>
          </li>
            <li>
         <script type="text/javascript" src="http://static.b.qq.com/account/bizqq/js/wpa.js?type=1&kfuin=473210378&ws=www.yizhanzzw.com.com&btn1=47430218=2&a=8"></script>
          </li>
            <li>
         <script type="text/javascript" src="http://static.b.qq.com/account/bizqq/js/wpa.js?type=1&kfuin=473210378&ws=www.yizhanzzw.com.com&btn1=47430218=2&a=8"></script>
          </li>
            <li>
         <script type="text/javascript" src="http://static.b.qq.com/account/bizqq/js/wpa.js?type=1&kfuin=473210378&ws=www.yizhanzzw.com.com&btn1=47430218=2&a=8"></script>
          </li>
         

          </li>
        </ul>
      </div>
      <DIV class=midtop><IMG src="https://www.yizhanzzw.com/yanshi/kefu36/images/qq/kefu-midtop.png" 
width=140 height=24></DIV>
      <DIV class=shouhou_mid>
        <DIV class=line><SPAN>24小时客服热线：<BR>
          <STRONG>4006-000-000</STRONG></SPAN> <SPAN>企业QQ：<BR>
          <STRONG>12345678</STRONG></SPAN> </DIV>
      </DIV>
      <DIV class=bottom><IMG src="https://www.yizhanzzw.com/yanshi/kefu36/images/qq/kefu-bottom.png" 
width=140 height=7></DIV>
    </DIV>
  </DIV>
  <DIV class=new_login_7 style="width:18px; height:430px;"></DIV>
</DIV>
<SCRIPT type=text/javascript>
	$(function(){
		/*
		 *	-------------------------------------------------------------------------------------
		 *	| key           | description                                   | default           |
		 *	|---------------|-----------------------------------------------|-------------------|
		 *	| speed         | 滚动的间隔毫秒数，数值越小，滚动越快。						| 500				|
		 *	|---------------|-----------------------------------------------|-------------------|
		 *	| offset        | 距离滚动顶部的点数（pixels）。						    | 0   				|
		 *	|---------------|-----------------------------------------------|-------------------|
		 *	| relativeTo    | 设置滚动的DIV靠上还是靠下，可以设置为"top"或"bottom"			| top				|
		 *	|---------------|-----------------------------------------------|-------------------|
		 *	| killSwitch    | 开启和取消跟随滚动开关的元素ID，需要jQuery Cookie 插件支持		| "killSwitch"		|
		 *	|---------------|-----------------------------------------------|-------------------|
		 *	| onText        | 如果启用了跟随滚动，开关显示的文字。 							| "Turn Slide Off"	|
		 *	|---------------|-----------------------------------------------|-------------------|
		 *	| offText       | 如果取消了跟随滚动，开关显示的文字。							| "Turn Slide On"	|
		 *	|---------------|-----------------------------------------------|-------------------|
		 *	| delay         | 控制滚动延时										| 0					|
		 *	|---------------|-----------------------------------------------|-------------------|
		 *	| container     | 滚动范围设置DIV的ID									| 框的直接父对象			|
		 *	-------------------------------------------------------------------------------------
		 */
		$("#newkefu_right").scrollFollow({
			speed:500,/* 移动速度 */
			offset: 100
		});
		$("#newkefu_bar").hover(
			function()/* 鼠标移入 */{
				$("#group_pad").show("slow");
				$("#newkefu_bar").attr("src","https://www.yizhanzzw.com/yanshi/kefu36/images/qq/kefu-left.png");
			},
			function()/* 鼠标移出 */{
				$("#newkefu_right").hover(
					function()/* 鼠标移入 */{
						$("#group_pad").show("slow");
						$("#newkefu_bar").attr("src","https://www.yizhanzzw.com/yanshi/kefu36/images/qq/kefu-left.png");
					},
					function()/* 鼠标移出 */{
						$("#group_pad").hide("slow");
						$("#newkefu_bar").attr("src","https://www.yizhanzzw.com/yanshi/kefu36/images/qq/kefu-right.png");
					}
				);
			}
		);
	});
</SCRIPT>
<!-- 代码结束 www.yizhanzzw.com 47430218提供制作 -->