标题:
[
共享
]
在线客服代码 左边自动隐藏加上下浮动
[打印本页]
作者:
iswujun
时间:
2009-4-6 17:14
标题:
在线客服代码 左边自动隐藏加上下浮动
特别是左边自动隐藏并上下浮动,代码如下,演示效果请看:
http://www.ppllw.com.cn/
<!--在线客服代码开始 -->
<script language="JavaScript1.2">
function move(x, y) {
if (document.all) {
object1.style.pixelLeft += x;
object1.style.pixelTop += y;}
else
if (document.layers) {
document.object1.left += x;
document.object1.top += y;
}};
function position() {
document.object1.left += -200;
document.object1.top += 0;
document.object1.visibility = "show"
};
function makeStatic() {
if (document.all) {object1.style.pixelTop=document.documentElement.scrollTop+242}
else {eval('document.object1.top=eval(window.pageYOffset+20)');}
setTimeout("makeStatic()",0);}
</script>
<layer class="NS" onmouseover="move(580,0)" onmouseout="move(-580, 0)" top="20" visibility="hide" name="object1" left="0">
<script language="JavaScript1.2">
if (document.all)
document.write('<DIV ID="object1" style="Position : Absolute ;Left : -125px ;Top : 20px ;Width : 0px ;Z-Index : 20">')
</script>
<TABLE onmouseover=move(120,0) onMouseOut="move(-120, 0)" cellSpacing=1 cellPadding=2 border=0>
<TR><TD>
<style type="text/css">BODY{MARGIN: 0px}</style>
<TABLE cellSpacing=0 cellPadding=0 width=118 align=center border=0>
<TBODY><TR>
<TD><IMG height=160 src="http://www.ppllw.com.cn/images/kefu/servicepic_01.jpg" width=118 border=0 name=servicepic_01></TD></TR><TR><TD>
<TABLE cellSpacing=0 cellPadding=0 width=118 align=left border=0>
<TBODY><TR><TD background="http://www.ppllw.com.cn/images/kefu/servicepic_02.jpg">
<IMG height=25 src="http://www.ppllw.com.cn/images/kefu/servicepic_02.jpg" width=14 border=0 name=servicepic_02></TD>
<TD align=center width=89 bgColor=#f8f6f7 height=25>
<A href="tencent://message/?uin=50781663&Site=漂漂亮亮网&Menu=yes" target=blank><IMG alt="点击这里用QQ给我发消息" src=" http://www.ppllw.com.cn/images/kefu/QQ.gif"border=0></A> <A href="tencent://message/?uin=634289433&Site=漂漂亮亮网&Menu=yes" target=blank><IMG alt="点击这里用QQ给我发消息" src="http://www.ppllw.com.cn/images/kefu/QQ.gif" border=0></A></TD>
<TD background="http://www.ppllw.com.cn/images/kefu/servicepic_04.jpg">
<IMG height=25 alt=""src="http://www.ppllw.com.cn/images/kefu/servicepic_04.jpg" width=15 border=0 name=servicepic_04></TD></TR></TBODY></TABLE>
</TD></TR>
<tr><td>
<TABLE cellSpacing=0 cellPadding=0 width=118 align=left border=0><TBODY><TR>
<TD background="http://www.ppllw.com.cn/images/kefu/servicepic_02.jpg"><IMG height=25 src="http://www.ppllw.com.cn/images/kefu/servicepic_02.jpg" width=14 border=0 name=servicepic_02></TD>
<TD align=center width=89 bgColor=#f8f6f7 height=25>
<A href="msnim:chat?contact=wj3650@msn.com" target=blank><IMG alt="点击这里用MSN给我发消息" src="http://www.ppllw.com.cn/images/kefu/MSN.gif"border=0></A></TD>
<TD background="http://www.ppllw.com.cn/images/kefu/servicepic_04.jpg">
<IMG height=25 alt=""src="http://www.ppllw.com.cn/images/kefu/servicepic_04.jpg" width=15 border=0 name=servicepic_04></TD></TR></TBODY></TABLE>
</td></tr>
<TR><TD><IMG height=17 src="http://www.ppllw.com.cn/images/kefu/servicepic_05.jpg" width=118 border=0 name=servicepic_05></TD></TR>
<TR><TD><TABLE cellSpacing=0 cellPadding=0 width=118 align=left border=0><TBODY><TR>
<TD background="http://www.ppllw.com.cn/images/kefu/servicepic_06.jpg"><IMG height=24 src="http://www.ppllw.com.cn/images/kefu/servicepic_06.jpg" width=14 border=0 name=servicepic_06></TD>
<TD align=center width=89 bgColor=#f8f6f7 height=24>
<A href="http://amos1.taobao.com/msg.ww?v=2&uid=wj3650&s=1" target=_blank><IMG alt="点击这里用旺旺给我发消息" src="http://www.ppllw.com.cn/images/kefu/online.gif" border=0></A></TD>
<TD background="http://www.ppllw.com.cn/images/kefu/servicepic_08.jpg"><IMG height=24 src="http://www.ppllw.com.cn/images/kefu/servicepic_08.jpg" width=15 border=0 name=servicepic_08></TD></TR>
<TR><TD background="http://www.ppllw.com.cn/images/kefu/servicepic_06.jpg"><IMG height=24 src="http://www.ppllw.com.cn/images/kefu/servicepic_06.jpg" width=14 border=0 name=servicepic_06></TD>
<TD align=middle bgColor=#f8f6f7 height=35>
<TABLE cellSpacing=1 cellPadding=2 width="88%" align=center bgColor=#ffa800 border=0><TBODY><TR>
<TD align=center bgColor=#ffffff><A href="http://www.ppllw.com.cn/message.php" title="请给我们留言" target=_blank><SPAN style="FONT-SIZE: 9pt">站点留言簿</SPAN></A></TD></TR></TBODY></TABLE></TD>
<TD background="http://www.ppllw.com.cn/images/kefu/servicepic_08.jpg"><IMG height=24 src="http://www.ppllw.com.cn/images/kefu/servicepic_08.jpg" width=15 border=0 name=servicepic_08></TD></TR></TBODY></TABLE></TD></TR>
<TR><TD><IMG height=22 src="http://www.ppllw.com.cn/images/kefu/servicepic_09.jpg" width=118 border=0 name=servicepic_09></TD></TR></TBODY></TABLE></TD>
<TD vAlign=top align=middle width=12 rowSpan=100><IMG height=109 src="http://www.ppllw.com.cn/images/kefu/kefu.gif" width=20></TD></TR>
<script language="JavaScript1.2">
<!--
if (document.all||document.layers)
makeStatic();
if (document.layers) {
window.onload=position;
}
var sitems=new Array();
var sitemlinks=new Array();
function hl(n) {
n.className='hl'}
function n(h) {
h.className='n'}
//--></script>
</TABLE>
<script language="JavaScript1.2">
if (document.all)
document.write('</DIV>')
</script>
</layer>
<!--在线客服代码结束 -->
复制代码
自己更改里面的QQ号码等联系方式,加到模板的page_footer.lbi里面就可以在网站显示了。
附件:
在线客服代码.rar
(2009-4-6 17:14, 20.94 KB) / 下载次数 2277
http://bbs.ecshop.com/attachment.php?aid=22136&k=8d8e1b33799a7dd41668ccb6fe704f52&t=1711686865&sid=lls44o
作者:
abcnic1
时间:
2009-4-6 21:53
演示里左边显示的不是很明显
作者:
wangxh
时间:
2009-5-29 20:30
作者:
iswujun
时间:
2009-5-30 00:02
现在的演示已经不是用的这个了,演示是自己搭建的PHP的客服系统,要看此贴真实演示的请看其它使用过的网站吧。
作者:
nanxixiang
时间:
2009-6-1 20:40
请问版主你的在顶部左侧分栏固定的旺旺,QQ是怎么加入的啊。在下新手,渴望加入啊。麻烦指点
作者:
kellytian
时间:
2009-7-21 12:31
谢谢!!!
欢迎光临 ECShop电商系统交流论坛 (http://bbs.ecshop.com/)
Powered by Discuz! 7.2