Concise floating QQ customer service code on the right

Source: Internet
Author: User

<! 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>
<Meta http-equiv = "Content-Type" content = "text/html; charset = gb2312">
<Meta name = "keywords" content = "webmaster, webpage special effects, webpage special effects code, JS special effects, JS scripts, scripts, advertisement code, zzjs, zzjs.net, www.zzjs.net, webmaster special effect network "/>
<Meta name = "Description" content = "http://www.zzjs.net/. the website administrator must have a jscode and advertisement code. A large number of high-quality JS special effects, providing high-quality AD code downloads, all in the webmaster special effects network "/>
<Title> welcome to QQ online customer service webmaster special effect website on the right. </Title>
<Style type = "text/CSS">
. Www_zzjs_net A: link {
Color: #000;
Text-Decoration: none;
}
. Www_zzjs_net A: visited {
Color: #000;
Text-Decoration: none;
}
. Www_zzjs_net A: hover {
Color: # f80000;
Text-Decoration: underline;
}
. Www_zzjs_net A: active {
Color: # f80000;
Text-Decoration: underline;
}
. Www_zzjs_net {
Width: 132px;
Height: auto;
Overflow: hidden;
Position: absolute;
Right: 0;
Top: 100px;
Color: #000000;
Font-size: 12px;
Letter-Spacing: 0px;
}
. Zzjs_net {
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>
<Br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/>
<Div class = "www_zzjs_net" id = "divwww_zzjs_net">
<Div class = "zzjs_net" 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', 1, 1 ); "id =" qq-1 "onfocus =" this. blur (); "> Customer Service Center </div>
<Div id = "K1">
<Div class = "qqkfhm bgdh"> <a href = "Tencent: // message /? Uin = 305686263 "Title =" station long special effect "> site long special effect </a> <br/> </div>
<Div class = "qqkfhm bgdh"> <a href = "Tencent: // message /? Uin = 305686263 "Title =" station long special effect "> station long special effect </a> </div>
<Div class = "qqkfhm bgdh"> mobile phone: 13955435523 </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 = 40;
VaR old = thetop;
Function initfloattips ()
{
Tips = Document. getelementbyid ('divwww _ zzjs_net ');
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;
}
Pos = 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") {// determine whether it is the parent element of OBJ Through cyclic comparison
If (OBJ = This) return true;
OBJ = 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) {// if it is Firefox
If (document. getelementbyid ("contentid"). Contains (theevent. relatedtarget) {// if it is a child element
Return
}
}
If (browser. indexof ("MSIE")> 0 | browser. indexof ("presto")> = 0) {// if it is IE
If (document. getelementbyid ('contentid'). Contains (event. toelement) {// if it is a child element
Return; // end Function
}
}
}
Document. getelementbyid ("meumid"). style. Display = "Block ";
Document. getelementbyid ("contentid"). style. Display = "NONE ";
}
</SCRIPT>
</Body>
</Html>

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.