代码介绍:
网站左侧浮动可折叠的QQ在线客服代码,鼠标点击可进行折叠与展开,具体效果请查看演示。
把代码中必要的数字/文字/图片信息修改为自己的信息,即可投入到自己的网站使用。
演示地址:
https://www.yizhanzzw.com/yanshi/kefu34
演示效果图片:
代码如下:
<!-- 代码开始 www.yizhanzzw.com 易站站长网提供制作 -->
<link rel="stylesheet" type="text/css" href="https://www.yizhanzzw.com/yanshi/kefu34/images/css1.css"/>
<div id=divMenu style="Z-INDEX: 1; LEFT: 9px; WIDTH: 74px; POSITION: absolute; TOP: 57px; HEIGHT: 249px;"><a href="http://www.yizhanzzw.com/" target="_blank"></a>
<TABLE cellSpacing=0 cellPadding=0 width=100 align=center border=0>
<TBODY>
<TR>
<TD vAlign=top width=100 background=https://www.yizhanzzw.com/yanshi/kefu34/images/t-toppj.gif colSpan=3
height=54><IMG title="点击'开/关'" style="CURSOR: hand"
onclick="if(document.all.table800600.style.display=='none'){ document.all.table800600.style.display=''} else {document.all.table800600.style.display='none'}"
height=54 src="https://www.yizhanzzw.com/yanshi/kefu34/images/t_1.gif" width=100></TD>
</TR>
<TR id=table800600 background="/https://www.yizhanzzw.com/yanshi/kefu34/images/t_bg.gif">
<TD id=t1 vAlign=top align=left background=https://www.yizhanzzw.com/yanshi/kefu34/images/t_bg.gif colSpan=3
height=134>
<SPAN
style="COLOR: black"><B>销售咨询QQ:</B></SPAN><BR>
<A
title="易站站长网"
href="tencent://message/?uin=47430218&Site=www.yizhanzzw.com;Menu=yes"><IMG
src="https://www.yizhanzzw.com/yanshi/kefu34/images/1661227_1.gif" border=0> <SPAN
style="COLOR: black">1661227</SPAN></A><BR>
<A
title="易站站长网"
href="tencent://message/?uin=1691277&Site=www.yizhanzzw.com;Menu=yes"><IMG
src="https://www.yizhanzzw.com/yanshi/kefu34/images/1691277_1.gif" border=0> <SPAN
style="COLOR: black">1691277</SPAN></A><BR>
<A
title="易站站长网"
href="tencent://message/?uin=75816670&Site=www.yizhanzzw.com;Menu=yes"><IMG
src="https://www.yizhanzzw.com/yanshi/kefu34/images/75816670_1.gif" border=0> <SPAN
style="COLOR: black">75816670</SPAN></A><BR>
<A
title="易站站长网"
href="tencent://message/?uin=1661187&Site=www.yizhanzzw.com;Menu=yes"><IMG
src="https://www.yizhanzzw.com/yanshi/kefu34/images/1661187_1.gif" border=0> <SPAN
style="COLOR: black">1661187</SPAN></A><BR>
<A
title="易站站长网"
href="tencent://message/?uin=75816030&Site=www.yizhanzzw.com;Menu=yes"><IMG
src="https://www.yizhanzzw.com/yanshi/kefu34/images/75816030_1.gif" border=0> <SPAN
style="COLOR: black">75816030</SPAN></A><BR>
<SPAN
style="COLOR: black"><B>租用托管QQ:</B></SPAN><BR>
<A
title="易站站长网"
href="tencent://message/?uin=123456&Site=www.yizhanzzw.com;Menu=yes"><SPAN
style="COLOR: #FFFFFF">123456</SPAN></A><BR>
<SPAN
style="COLOR: black"><B>电话服务:</B></SPAN><BR>
<IMG
src="https://www.yizhanzzw.com/yanshi/kefu34/images/70.gif"><SPAN style="COLOR: black">02084210866</SPAN> <IMG src="https://www.yizhanzzw.com/yanshi/kefu34/images/70.gif"><SPAN
style="COLOR: black">02084210866</SPAN><BR>
<IMG
src="https://www.yizhanzzw.com/yanshi/kefu34/images/70.gif"><SPAN
style="COLOR: black">02084210866</SPAN><BR></TD>
</TR>
<TR>
<TD vAlign=bottom bgColor=#32b6eb height=8><IMG height=8
src="https://www.yizhanzzw.com/yanshi/kefu34/images/t_left.gif" width=14></TD>
<TD vAlign=bottom align=right bgColor=#32b6eb colSpan=2 height=8><IMG
height=8 src="https://www.yizhanzzw.com/yanshi/kefu34/images/t_right.gif" width=11></TD>
</TR>
</TBODY>
</TABLE>
</div>
<script language=JavaScript>
var bNetscape4plus = (navigator.appName == "Netscape" && navigator.appVersion.substring(0,1) >= "4");
var bExplorer4plus = (navigator.appName == "Microsoft Internet Explorer" && navigator.appVersion.substring(0,1) >= "4");
function CheckUIElements(){
var yMenuFrom, yMenuTo, yButtonFrom, yButtonTo, yOffset, timeoutNextCheck;
if ( bNetscape4plus ) {
yMenuFrom = document["divMenu"].top;
yMenuTo = top.pageYOffset + 295;
}
else if ( bExplorer4plus ) {
yMenuFrom = parseInt (divMenu.style.top, 10);
yMenuTo = document.body.scrollTop + 135; //距页面顶部的距离
}
timeoutNextCheck = 500;
if ( Math.abs (yButtonFrom - (yMenuTo + 152)) < 6 && yButtonTo < yButtonFrom ) {
setTimeout ("CheckUIElements()", timeoutNextCheck);
return;
}
if ( yButtonFrom != yButtonTo ) {
yOffset = Math.ceil( Math.abs( yButtonTo - yButtonFrom ) / 10 );
if ( yButtonTo < yButtonFrom )
yOffset = -yOffset;
if ( bNetscape4plus )
document["divLinkButton"].top += yOffset;
else if ( bExplorer4plus )
divLinkButton.style.top = parseInt (divLinkButton.style.top, 10) + yOffset;
timeoutNextCheck = 10;
}
if ( yMenuFrom != yMenuTo ) {
yOffset = Math.ceil( Math.abs( yMenuTo - yMenuFrom ) / 20 );
if ( yMenuTo < yMenuFrom )
yOffset = -yOffset;
if ( bNetscape4plus )
document["divMenu"].top += yOffset;
else if ( bExplorer4plus )
divMenu.style.top = parseInt (divMenu.style.top, 10) + yOffset;
timeoutNextCheck = 10;
}
setTimeout ("CheckUIElements()", timeoutNextCheck);
}
function OnLoad()
{
var y;
if ( top.frames.length )
if ( bNetscape4plus ) {
document["divMenu"].top = top.pageYOffset + 135;
document["divMenu"].visibility = "visible";
}
else if ( bExplorer4plus ) {
divMenu.style.top = document.body.scrollTop + 235;
divMenu.style.visibility = "visible";
}
CheckUIElements();
return true;
}
OnLoad();</script>
<!-- 代码结束 www.yizhanzzw.com 易站站长网提供制作 -->
使用说明:
1.复制以上代码 从<!-- 代码 开始 --> 复制到<!-- 代码 结束 -->
2.建议将代码放入到网站的<body></body>或者<footer></footer>之间、或者网站后台有插入第三方统计代码的地方,也可以直接放入第三方统计代码中。
3.刷新已经放入的网站,即可生效。
代码修改提示说明:
1.代码中的图片地址只是为了展示效果采用本站的图片地址,正式使用的时候可以自定义修改为自己的图片地址。
2.代码中的CSS和JS引用链接地址,非必要,建议不要修改,本站地址永久有效,并且秒加载。
3.如果不能在代码中直接修改为自己的信息,那么只需要将本站引用的CSS/JS下载到本地即可实现修改使用。
4.如果是对代码没有基础的同学,建议只修改代码中的自己需要展示的信息即可,代码字符就请勿修改,以防止乱码不能正常显示。
5.如果是对代码有一定基础的同学,当然是想怎么改就怎么改啦~
THE END
暂无评论内容