QQ customer service code that can be rolled out
<LINK href="qq/qq.css" type=text/css rel=stylesheet>
<SCRIPT src="qq/ServiceQQ.htm"></SCRIPT>
Add the desired webpage end
Http://www.lanrentuku.com/js/kefu-606.html
Serviceqq.htm
Document. write ("<div id = 'divmenu 'onmouseover = 'onlineover (); '> </div> ");
The image address must be modified.
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
}
If the website is in the format of, change serviceqq.htm to UTF8 encoding format.