JavaScript Suspension online QQ customer service code sharing

Source: Internet
Author: User

Effect code

JS Code

The code is as follows Copy Code

<! DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 transitional//en" "Http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd
<meta http-equiv= " X-ua-compatible "content=" Ie=emulateie7 "/>
<meta http-equiv=" Content-type "content=" text/html; charset= GB2312 "/>
<title> suspension online QQ customer service code sharing </TITLE>
<meta name=" description "content=" online QQ customer service code sharing. "/>
<meta name=" keywords "content=" floating online QQ customer service code sharing "/>
<style>
/* CSS Document */
*{margin:0 ; padding:0;}
img{border:0;}
Body {margin:0 auto;background: #fff; font-family:arial, Helvetica, Sans-serif, "XXFarEastFont-Arial";}
body,td,th {font-size:12px;color: #533b34; line-height:20px;}
a{color: #533b34; text-decoration:none;}
A:hover{color:red;}
/*hover{color: #803227;} */
. clear{Clear:both;}
ul{List-style-type:none;}
/* Overall */

#frame {margin:0 auto;width:960px;}
#top {float:left; width:960px; padding-top:6px; padding-bottom:8px;}
. log{Float:left;}
. tr{float:right;width:360px; padding-top:6px; text-align:right;}
#sform {float:right; width:200px;height:26px;}
#stext {float:left; width:170px height:22px; line-height:22px;background:0; border: #dfdfdf solid 1px;}
#sbut {float:right; width:24px; Background:url (.. /images/1_02.jpg); height:24px; border:0;}
. tel{float:left; width:360px; padding-top:8px; font-size:14px;}
. tel img{float:left; padding-right:8px; padding-top:3px; padding-left:2px;}

#nav {float:left; Width:960px;background:url (.. /images/1_04.jpg);}
#nav li{float:left;background:url (.. /images/1_06.jpg) no-repeat top right; padding-right:2px;line-height:36px;}
#nav Li a{display:block; padding-left:23px padding-right:23px; Background:url (. /images/1_04.jpg); line-height:36px; Color: #fff;}
#nav Li A:hover{background:url (.. /images/1_05.jpg); Color: #fff;}
#nav Li A.hover{background:url (.. /images/1_05.jpg); Color: #fff;}

#bar {float:left; width:960px; padding-top:10px; padding-bottom:10px;}
. btp{float:left border: #ded7d1 solid 1px;}
. BTP img{Float:left;}
. bnr{float:right; width:214px padding:2px; border: #ded7d1 solid 1px; padding-bottom:7px;
. ban{float:left; width:198px; padding-bottom:0px;}
. Ban a{float:left; padding:5px;}
. BNR ul{float:left; width:200px; padding:7px; padding-top:0px;}
. BNR li{float:left; Width:200px;background:url (.. /images/1_09.jpg) No-repeat left;
. BNR Li a{padding-left:20px; line-height:24px;}

#news {float:left; Width:920px;background:url (.. /images/1_10.jpg); padding-left:40px; height:40px; line-height:30px;}
#main {float:left; width:960px; padding-top:10px;}
#left {float:left; width:730px;}
#lmb {float:left; width:726px padding:1px;border: #ded7d1 solid 1px; margin-bottom:10px;
#lbt {float:left; Width:726px;background:url (.. /images/1_11.jpg); height:38px;}
. str{float:left; Width:93px;background:url (.. /images/1_12.jpg) no-repeat top right; height:25px; Text-align:center; line-height:25px; font-size:14px; margin-top:13px; padding-left:15px;}
#lnr {float:left; width:706px; padding:10px;min-height:499px;}
#lnr p{float:left; line-height:20px; margin-bottom:-20px; padding:0px;}
#lnrindex {float:left; width:706px; padding:10px;}
. pmk{float:left; width:130px; height:130px; padding-left:20px; padding-right:25px;}
. Ys{color: #803227;}
. pt{float:left; padding-left:20px;}
. pz{float:left; width:130px; padding-top:10px;}

#qhmb {float:left; width:356px padding:1px;border: #ded7d1 solid 1px; margin-bottom:10px;
#qbt {float:left; Width:356px;background:url (.. /images/1_11.jpg); height:38px;}
#qnr {float:left; width:336px; padding:10px;}
. qwz{float:left;width:336px; padding-bottom:12px;}
. qtp{Float:left;}
. qz{float:right; width:178px; padding-top:6px;}
. QZ strong{float:left;width:178px; padding-bottom:8px;}
. QZ p{float:left;width:178px;}
#qnr ul{float:left; width:336px;}
#qnr li{float:left; width:336px; line-height:24px;}
#qnr li a{float:left;background:0  8px url (.. /images/1_14.jpg) No-repeat; padding-left:15px; Color: #666;}
#qnr li A:hover{color: #803227;}
. sj{float:right;color: #803227; font-size:10px;}

. awz{Float:left;width:336px;border-bottom: #ded7d1 solid 1px; padding-bottom:10px; padding-top:2px; margin-bottom : 14px;}
. atp{Float:left;border: #ded7d1 solid 1px; padding:1px;}
. az{float:right; width:230px;}
. az strong{float:left;width:230px; padding-bottom:8px;
. AZ p{float:left;width:230px;}
. amore{float:right; padding-bottom:6px;}


#right {float:right; width:220px;}
#cmb {float:left; width:216px padding:1px;border: #ded7d1 solid 1px; margin-bottom:10px;}
#cbt {float:left; Width:216px;background:url (.. /images/1_11.jpg); height:38px;}
#cnr {float:left; width:196px; padding:10px;}
#cnr ul{float:left; width:196px;}
#cnr li{float:left; width:196px; line-height:24px;}
#cnr Li a{float:left;background:0 8px URL (.. /images/1_14.jpg) No-repeat; padding-left:15px; Color: #666;}
#cnr Li A:hover{color: #803227;}
#cform {float:right; width:196px;height:26px; padding-top:14px; padding-bottom:7px;}
#ctext {float:left; width:128px; height:22px line-height:22px;background:0; border: #ded7d1 solid 1px;}
#cbut {float:right width:62px; Background:url (.) /images/1_18.jpg); height:24px; border:0;}
. cwz{Float:left;width:196px;border-bottom: #ded7d1 solid 1px; padding-bottom:10px; padding-top:8px; margin-bottom : 14px;}
. ctp{Float:left;border: #ded7d1 solid 1px; padding:1px;}
. cz{float:right; width:100px;}
. cz strong{float:left;width:100px; padding-bottom:8px;
. CZ p{float:left;width:100px;

#hzhb {float:left; width:956px padding:1px;border: #ded7d1 solid 1px; margin-bottom:10px;}
#hbt {float:left; Width:956px;background:url (.. /images/1_11.jpg); height:38px;}
#hnr {float:left; width:936px; padding:15px 10px;}
#hnr img{float:left border: #ededed solid 1px; margin-left:2px; margin-right:10px;}

#foot {float:left width:960px; padding-top:10px padding-bottom:10px; Border-top: #e0dad4 Solid 1px;border-bottom:# E0dad4 solid 1px; margin-bottom:10px;}
. fl{float:left; width:530px; line-height:24px;}
. FL img{float:left; padding-right:15px;}
. fr{Float:right;}

#cnav {float:left; width:216px; padd
</style>

<body>
<div style= "height:1200px; Text-align:center; padding:500px 0; " >


</div>
<script type= "Text/javascript" >
Document.writeln ("<div id=" Divstaytopleft "style=" position:absolute;right:0;font-size:12px ">");
Document.writeln ("<div id=" adv "style=" float:right;width:162px;top:10px;right:30px;position:absolute; Background-image:url (images/qqline.gif); border-bottom:solid 1px #eaeaea; " > ");
Document.writeln ("<table cellpadding=" 0 "cellspacing=" 0 "style=" float:left;width:150px; " > ");
Document.writeln ("<tr>");
Document.writeln ("<td colspan=" 2 "style=" text-align:left;line-height:30px;padding-left:20px; " >&nbsp;</td> ");
Document.writeln ("</tr>");
Document.writeln ("<tr>");
Document.writeln ("<td colspan=" 2 ">&nbsp;</td>");
Document.writeln ("</tr>");
Document.writeln ("<tr>");
Document.writeln ("<td height=" align= "Center" > Futures allocation </td>);
Document.writeln ("<td align=" center "><span style=" width:50%;text-align:center; " ><a target= "_blank" href= "http://wpa.qq.com/msgrd?v=3&amp;uin=996994358&amp;site=qq&amp;menu= Yes "></a></span ></td> ");
Document.writeln ("</tr>");
Document.writeln ("<tr>");
Document.writeln ("<td height=" align= "center" > Opening consultation </td>);
Document.writeln ("<td style=" width:50%;text-align:center; " ><a target= "_blank" href= "Http://wpa.qq.com/msgrd?v=3&uin=1317234451&site=qq&menu=yes" >< IMG src= "http://wpa.qq.com/pa?p=2:1317234451:41" border= "0" alt= "click here to send me a message" ></a></td> ");
Document.writeln ("</tr>");
Document.writeln ("<tr>");
Document.writeln ("<td height=" align= "center" > stock index </td>);
Document.writeln ("<td style=" width:50%;text-align:center; " ><a target= "_blank" href= "Http://wpa.qq.com/msgrd?v=3&uin=123968516&site=qq&menu=yes" >< IMG src= "http://wpa.qq.com/pa?p=2:123968516:41" border= "0" alt= "click here to send me a message" ></a></td> ");
Document.writeln ("</tr>");
Document.writeln ("<tr>");
Document.writeln ("<td height=" align= "Center" > Valet financing </td>);
Document.writeln ("<td style=" width:50%;text-align:center; " ><a target= "_blank" href= "Http://wpa.qq.com/msgrd?v=3&uin=1511336277&site=qq&menu=yes" >< IMG src= "http://wpa.qq.com/pa?p=2:1511336277:41" border= "0" alt= "click here to send me a message" ></a></td> ");
Document.writeln ("</tr>");
Document.writeln ("<tr>");
Document.writeln ("<td height=" align= "Center" > Technical guidance </td>);
Document.writeln ("<td style=" width:50%;text-align:center; " ><a target= "_blank" href= "Http://wpa.qq.com/msgrd?v=3&uin=871011036&site=qq&menu=yes" >< IMG src= "http://wpa.qq.com/pa?p=2:871011036:41" border= "0" alt= "click here to send me a message" ></a></td> ");
Document.writeln ("</tr>");
Document.writeln ("<tr>");
Document.writeln ("<td height=" align= "center" valign= "Middle" "><p> arbitrage Hedging </p></td>");
Document.writeln ("<td style=" width:50%;text-align:center; " ><a target= "_blank" href= "Http://wpa.qq.com/msgrd?v=3&uin=21863039&site=qq&menu=yes" >< IMG src= "http://wpa.qq.com/pa?p=2:21863039:41" border= "0" alt= "click here to send me a message" ></a></td> ");
Document.writeln ("</tr>");
Document.writeln ("<tr>");
Document.writeln ("<td height=" colspan= "2" align= "Center" > National Free Hotline </td>);
Document.writeln ("</tr>");
Document.writeln ("<tr>");
Document.writeln ("<td colspan=" 2 "align=" center ">400-079-8880</td>");
Document.writeln ("</tr>");
Document.writeln ("<tr>");
Document.writeln ("<td colspan=" 2 "align=" center ">021-60547777</td>");
Document.writeln ("</tr>");
Document.writeln ("</table>");
Document.writeln ("</div>");
Document.writeln ("</div>");

Var (document.getelementbyid) True:false;
var agt = Navigator.userAgent.toLowerCase ();
var ie = ((Agt.indexof ("MSIE")!=-1) && (Agt.indexof ("opera") = = 1) && (Agt.indexof ("omniweb") = =- 1));
var Mymovey = new number ();
Function Ietruebody () {
return (document.compatmode && document.compatmode!= "Backcompat")? Document.documentElement:document.body;}
Function Getscrolltop () {
return IE? Ietruebody (). ScrollTop:window.pageYOffset;}
Function HeartBeat () {
Diffy=getscrolltop ();
Mymovey + = Math.floor (Diffy-document.getelementbyid (' Divstaytopleft '). Style.top.replace ("px", "") +50) *0.1);
document.getElementById (' Divstaytopleft '). Style.top = mymovey+ "px";}
Function Hiddendiv () {
document.getElementById (' Divstaytopleft '). style.display= "None";
Window.setinterval ("HeartBeat ()", 1);
</script>
</body>

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.