可展开滚动的QQ客服代码【蓝底客服中心】

可展开滚动的QQ客服代码

<LINK href="qq/qq.css" type=text/css rel=stylesheet>
<SCRIPT src="qq/ServiceQQ.htm"></SCRIPT>

加进需要的网页末尾

http://www.lanrentuku.com/js/kefu-606.html

serviceqq.htm

document.write("<div id='divMenu' onmouseover='OnlineOver();'><img src='qq/qq_1.png' class='press' alt='QQ客服热线'></div>");

图品地址都需要修改

qq.css

.QQbox {
    Z-INDEX: 99; RIGHT: 0px; WIDTH: 178px; POSITION: absolute; TOP: 40px
}
.QQbox .press {
    RIGHT: 0px; WIDTH: 33px; CURSOR: pointer; BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; POSITION: absolute; HEIGHT: 158px; BORDER-BOTTOM-STYLE: none
}
.QQbox .Qlist {
    BACKGROUND: url(qq_listbg.gif) repeat-y -155px 0px; LEFT: 0px; WIDTH: 145px; POSITION: absolute
}
.QQbox .Qlist .t {
    FONT-SIZE: 1px; FLOAT: right; WIDTH: 145px; HEIGHT: 6px
}
.QQbox .Qlist .b {
    FONT-SIZE: 1px; FLOAT: right; WIDTH: 145px; HEIGHT: 6px
}
.QQbox .Qlist .t {
    BACKGROUND: url(qq_listbg.gif) no-repeat left 50%
}
.QQbox .Qlist .b {
    BACKGROUND: url(qq_listbg.gif) no-repeat right 50%
}
.QQbox .Qlist .con {
    BACKGROUND: #fff; MARGIN: 0px auto; WIDTH: 90%
}
.QQbox .Qlist .con H2 {
    BORDER-RIGHT: #3a708d 1px solid; BORDER-TOP: #3a708d 1px solid; BACKGROUND: url(qq_listbg.gif) repeat-y -163px 0px; FONT: bold 12px/22px "宋体"; BORDER-LEFT: #3a708d 1px solid; COLOR: #fff; BORDER-BOTTOM: #3a708d 1px solid; HEIGHT: 22px; TEXT-ALIGN: center
}
.QQbox .Qlist .con UL {PADDING-TOP: 4px; text-align:left;
    
}
.QQbox .Qlist .con UL LI {
    PADDING-RIGHT: 0px; PADDING-LEFT: 8px; BACKGROUND: #ffffff; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; HEIGHT: 20px
}
.QQbox .Qlist .con UL LI.odd {
    BACKGROUND: #fff
}

还要注意的是，如果网站是UTF-8,则修改把SERVICEQQ.htm转为UTF8编码格式