<! DOCTYPE html PUBLIC "-// W3C // dtd xhtml 1.0 Transitional // EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<Html xmlns = "http://www.w3.org/1999/xhtml">
<Head>
<Title> QQ online customer service on the right </title>
<Meta http-equiv = "content-type" content = "text/html; charset = gb2312">
<Style type = "text/css">
. Qqbox a: link {
Color: #000;
Text-decoration: none;
}
. Qqbox a: visited {
Color: #000;
Text-decoration: none;
}
. Qqbox a: hover {
Color: # f80000;
Text-decoration: underline;
}
. Qqbox a: active {
Color: # f80000;
Text-decoration: underline;
}
. Qqbox {
Width: 132px;
Height: auto;
Overflow: hidden;
Position: absolute;
Right: 0;
Top: 100px;
Color: #000000;
Font-size: 12px;
Letter-spacing: 0px;
}
. Qqlv {
Width: 25px;
Height: 256px;
Overflow: hidden;
Position: relative;
Float: right;
Z-index: 50px;
}
. Qqkf {
Width: 120px;
Height: auto;
Overflow: hidden;
Right: 0;
Top: 0;
Z-index: 99px;
Border: 6px solid #138907;
Background: # fff;
}
. Qqkfbt {
Width: 118px;
Height: 20px;
Overflow: hidden;
Background: #138907;
Line-height: 20px;
Font-weight: bold;
Color: # fff;
Position: relative;
Border: 1px solid #9CD052;
Cursor: pointer;
Text-align: center;
}
. Qqkfhm {
Width: pixel PX;
Height: 22px;
Overflow: hidden;
Line-height: 22px;
Padding-right: 8px;
Position: relative;
Margin: 3px 0;
}
. Bgdh {
Width: 102px;
Padding-left: 10px;
}
</Style>
</Head>
<Body>
<Div class = "qqbox" id = "divQQbox">
<Div class = "qqlv" id = "meumid" onmouseover = "show ()"> </div>
<Div class = "qqkf" style = "display: none;" id = "contentid" onmouseout = "hideMsgBox (event)">
<Div class = "qqkfbt" onmouseout = "showandhide ('qq-', 'qqkfbt', 'qqkfbt ', 'k', 5, 1 ); "id =" qq-1 "onfocus =" this. blur (); "> Customer Service Center </div>
<Div id = "K1">
<Div class = "qqkfhm bgdh"> <a href = "tencent: // message /? Uin = 12345678 "> online customer service </a> <br/> </div>
<Div class = "qqkfhm bgdh"> <a href = "tencent: // message /? Uin = 12345678 "> online customer service </a> </div>
<Div class = "qqkfhm bgdh"> mobile phone: 13922222222 </div>
</Div>
<Div class = "qqkfbt" onClick = "showandhide ('qq-', 'qqkfbt', 'qqkfbt ', 'k', 5, 2 ); "id =" qq-2 "onfocus =" this. blur (); "> Financial recharge </div>
<Div id = "K2" style = "display: none">
<Div class = "qqkfhm bgdh"> <a href = "tencent: // message /? Uin = 12345678 "> online customer service </a> <br/> </div>
<Div class = "qqkfhm bgdh"> <a href = "tencent: // message /? Uin = 12345678 "> online customer service </a> </div>
<Div class = "qqkfhm bgdh"> mobile phone: 13955432222 </div>
</Div>
<Div class = "qqkfbt" onClick = "showandhide ('qq-', 'qqkfbt', 'qqkfbt ', 'k', 5, 3 ); "id =" qq-3 "onfocus =" this. blur (); "> IDC duty </div>
<Div id = "K3" style = "display: none">
<Div class = "qqkfhm bgdh"> <a href = "tencent: // message /? Uin = 12345678 "> online customer service </a> <br/> </div>
<Div class = "qqkfhm bgdh"> <a href = "tencent: // message /? Uin = 12345678 "> online customer service </a> </div>
<Div class = "qqkfhm bgdh"> mobile phone: 13222235523 </div>
</Div>
<Div class = "qqkfbt" onClick = "showandhide ('qq-', 'qqkfbt', 'qqkfbt ', 'k', 5, 4 ); "id =" qq-4 "onfocus =" this. blur (); "> channel consulting </div>
<Div id = "K4" style = "display: none">
<Div class = "qqkfhm bgdh"> <a href = "tencent: // message /? Uin = 12345678 "> online customer service </a> <br/> </div>
<Div class = "qqkfhm bgdh"> <a href = "tencent: // message /? Uin = 12345678 "> online customer service </a> </div>
<Div class = "qqkfhm bgdh"> mobile phone: 13222225523 </div>
</Div>
<Div class = "qqkfbt" onClick = "showandhide ('qq-', 'qqkfbt', 'qqkfbt ', 'k', 5 ); "id =" qq-5 "onfocus =" this. blur (); "> Complaints and Suggestions </div>
<Div id = "K5" style = "display: none">
<Div class = "qqkfhm bgdh"> <a href = "tencent: // message /? Uin = 12345678 "> online customer service </a> <br/> </div>
<Div class = "qqkfhm bgdh"> <a href = "tencent: // message /? Uin = 12345678 "> online customer service </a> </div>
<Div class = "qqkfhm bgdh"> mobile phone: 13952222523 </div>
</Div>
</Div>
</Div>
<Script language = "javascript">
Function showandhide (h_id, hon_class, hout_class, c_id, totalnumber, activeno ){
Var h_id, hon_id, hout_id, c_id, totalnumber, activeno;
For (var I = 1; I <= totalnumber; I ++ ){
Document. getElementById (c_id + I). style. display = 'none ';
Document. getElementById (h_id + I). className = hout_class;
}
Document. getElementById (c_id + activeno). style. display = 'block ';
Document. getElementById (h_id + activeno). className = hon_class;
}
Var tips;
Var theTop = 100;
Var old = theTop;
Function initFloatTips ()
{
Tips = document. getElementById ('divqqbox ');
MoveTips ();
}
Function moveTips ()
{
Var tt = 50;
If (window. innerHeight)
{
Pos = window. pageYOffset
} Else if (document.doc umentElement & document.doc umentElement. scrollTop ){
Pos = document.doc umentElement. scrollTop
} Else if (document. body ){
Pos = document. body. scrollTop;
}
// Http:
Pospos = pos-tips.offsetTop + theTop;
Pos = tips. offsetTop + pos/10;
If (pos <theTop ){
Pos = theTop;
}
If (pos! = Old ){
Tips. style. top = pos + "px ";
Tt = 10; // alert (tips. style. top );
}
Old = pos;
SetTimeout (moveTips, tt );
}
InitFloatTips ();
If (typeof (HTMLElement )! = "Undefined") // defines the contains () method for firefox, which does not work in ie.
{
HTMLElement. prototype. contains = function (obj)
{
While (obj! = Null & typeof (obj. tagName )! = "Undefind "){//
If (obj = this) return true;
Objobj = obj. parentNode;
}
Return false;
}
}
Function show ()
{
Document. getElementById ("meumid"). style. display = "none"
Document. getElementById ("contentid"). style. display = "block"
}
Function hideMsgBox (theEvent ){
If (theEvent ){
Var browser = navigator. userAgent;
If (browser. indexOf ("Firefox")> 0) {// Firefox
If (document. getElementById ("contentid"). contains (theEvent. relatedTarget )){
Return
}
}
If (browser. indexOf ("MSIE")> 0 | browser. indexOf ("Presto")> = 0 ){
If (document. getElementById ('contentid'). contains (event. toElement )){
Return; // end function www.2cto.com
}
}
}
Document. getElementById ("meumid"). style. display = "block ";
Document. getElementById ("contentid"). style. display = "none ";
}
</Script>
</Body>
</Html>
From dezi's column