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

可展开滚动的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' οnmοuseοver='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
}