Floating QQ online customer service

CopyCode The Code is as follows: (function (){
Qqmenuint = _ qqmenuint;
Moveqqmenu = _ moveqqmenu;
Function _ qqmenuint (){
Qqmenu. style. Position = "absolute ";
Qqmenu. style. Display = "";
If(parseint(document.doc umentelement. offsetwidth)> 1024 ){
Qqmenuposition.left?((parseint(document.doc umentelement. offsetwidth)-1024-20 );
}
If (qqmenuposition. isright ){
Qqmenu. style. Right = qqmenuposition. Left + "PX ";
} Else {
Qqmenu. style. Left = qqmenuposition. Left + "PX ";
}
Qqmenu. style. Top = qqmenuposition. Top + "PX ";
Moveqqmenu ();
}
Function _ moveqqmenu (){
VaR from = parseint (qqmenu. style. Top, 10 );
VaR yoffset;
VaR to = Window. pageyoffset? Window. pageyoffset: document.doc umentelement. scrolltop;
To = to + qqmenuposition. Top;
If (! = From ){
Yoffset = math. Ceil (math. Abs (to-from)/20 );
If (to <from) yoffset =-yoffset;
VaR oldtop = parseint (qqmenu. style. Top, 10 );
Qqmenu. style. Top = (oldtop + yoffset) + "PX ";
}
If (qqmenu. style. display! = "NONE "){
Window. setTimeout ("moveqqmenu ()", qqmenuposition. Timeout );
}
}
})()

Usage:
1. Introduce the above JS
2. Add

Copy code The Code is as follows: <SCRIPT type = "text/JavaScript">
VaR qqmenuposition = {left: 10, top: 200, isright: false, timeout: 10}
VaR qqmenu = Document. getelementbyid ("qqmenu ");
Qqmenuint ();
</SCRIPT>

Qqmenu is the outermost layer ID of the floating layer
Qqmenuposition is used to set floating layer parameters.
Left: the offset between the layer and the left. If isright is true, it is the offset relative to the right.
Top: the offset between the layer and the top.
Timeout: layer movement interval. The larger the time, the slower the time.Xmlns = "http://www.w3.org/1999/xhtml">

Fsdafsdfsfsdf

Fsdafsdfsfsdf
Fsdafsdfsfsdf
Fsdafsdfsfsdf

Fsdafsdfsfsdf
Fsdafsdfsfsdf
Fsdafsdfsfsdf
Fsdafsdfsfsdf

Fsdafsdfsfsdf
Fsdafsdfsfsdf
Fsdafsdfsfsdf
Fsdafsdfsfsdf
Fsdafsdfsfsdf

Fsdafsdfsfsdf
Fsdafsdfsfsdf
Fsdafsdfsfsdf
Fsdafsdfsfsdf
Fsdafsdfsfsdf

Fsdafsdfsfsdf
Fsdafsdfsfsdf
Fsdafsdfsfsdf
Fsdafsdfsfsdf
Fsdafsdfsfsdf

Fsdafsdfsfsdf
Fsdafsdfsfsdf
Fsdafsdfsfsdf
Fsdafsdfsfsdf
Fsdafsdfsfsdf
Fsdafsdfsfsdf

Fsdafsdfsfsdf
Fsdafsdfsfsdf
Fsdafsdfsfsdf
Fsdafsdfsfsdf
Fsdafsdfsfsdf
Fsdafsdfsfsdf

Fsdafsdfsfsdf
Fsdafsdfsfsdf
Fsdafsdfsfsdf
Fsdafsdfsfsdf
Fsdafsdfsfsdf
Fsdafsdfsfsdf

Fsdafsdfsfsdf
Fsdafsdfsfsdf
Fsdafsdfsfsdf
Fsdafsdfsfsdf
Fsdafsdfsfsdf
Fsdafsdfsfsdf
Fsdafsdfsfsdf

Fsdafsdfsfsdf
Fsdafsdfsfsdf
Fsdafsdfsfsdf
Fsdafsdfsfsdf
Fsdafsdfsfsdf
Fsdafsdfsfsdf
Fsdafsdfsfsdf
Fsdafsdfsfsdf

Fsdafsdfsfsdf
Fsdafsdfsfsdf
Fsdafsdfsfsdf
Fsdafsdfsfsdf
Fsdafsdfsfsdf
Fsdafsdfsfsdf
Fsdafsdfsfsdf
Fsdafsdfsfsdf

Fsdafsdfsfsdf
Fsdafsdfsfsdf
Fsdafsdfsfsdf
Fsdafsdfsfsdf
Fsdafsdfsfsdf
Fsdafsdfsfsdf
Fsdafsdfsfsdf
Fsdafsdfsfsdf
Fsdafsdfsfsdf

Fsdafsdfsfsdf

Fsdafsdfsfsdf

Fsdafsdfsfsdf
Fsdafsdfsfsdf
Fsdafsdfsfsdf

Fsdafsdfsfsdf
Fsdafsdfsfsdf
Fsdafsdfsfsdf
Fsdafsdfsfsdf

Fsdafsdfsfsdf
Fsdafsdfsfsdf
Fsdafsdfsfsdf
Fsdafsdfsfsdf
Fsdafsdfsfsdf

Fsdafsdfsfsdf
Fsdafsdfsfsdf
Fsdafsdfsfsdf
Fsdafsdfsfsdf
Fsdafsdfsfsdf

Fsdafsdfsfsdf
Fsdafsdfsfsdf
Fsdafsdfsfsdf
Fsdafsdfsfsdf
Fsdafsdfsfsdf

Fsdafsdfsfsdf
Fsdafsdfsfsdf
Fsdafsdfsfsdf
Fsdafsdfsfsdf
Fsdafsdfsfsdf
Fsdafsdfsfsdf

Fsdafsdfsfsdf
Fsdafsdfsfsdf
Fsdafsdfsfsdf
Fsdafsdfsfsdf
Fsdafsdfsfsdf
Fsdafsdfsfsdf

Fsdafsdfsfsdf
Fsdafsdfsfsdf
Fsdafsdfsfsdf
Fsdafsdfsfsdf
Fsdafsdfsfsdf
Fsdafsdfsfsdf

Fsdafsdfsfsdf
Fsdafsdfsfsdf
Fsdafsdfsfsdf
Fsdafsdfsfsdf
Fsdafsdfsfsdf
Fsdafsdfsfsdf
Fsdafsdfsfsdf

Fsdafsdfsfsdf
Fsdafsdfsfsdf
Fsdafsdfsfsdf
Fsdafsdfsfsdf
Fsdafsdfsfsdf
Fsdafsdfsfsdf
Fsdafsdfsfsdf
Fsdafsdfsfsdf

Fsdafsdfsfsdf
Fsdafsdfsfsdf
Fsdafsdfsfsdf
Fsdafsdfsfsdf
Fsdafsdfsfsdf
Fsdafsdfsfsdf
Fsdafsdfsfsdf
Fsdafsdfsfsdf

Fsdafsdfsfsdf
Fsdafsdfsfsdf
Fsdafsdfsfsdf
Fsdafsdfsfsdf
Fsdafsdfsfsdf
Fsdafsdfsfsdf
Fsdafsdfsfsdf
Fsdafsdfsfsdf
Fsdafsdfsfsdf

Fsdafsdfsfsdf