<! 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 = UTF-8"/> <Title> QQ customer service floating special effect code _ www.jb51.net </title> </Head> <Body style = "height: 2000px;"> <Script type = "text/javascript"> Window. onload = window. onresize = window. onscroll = function () { Var oBox = document. getElementById ("qqbox_zzjs "); Var oLine = document. getElementById ("online_lanrenzhijia "); Var oMenu = document. getElementById ("menu_zzjs_net "); Var iScrollTop = document.doc umentElement. scrollTop | document. body. scrollTop; SetTimeout (function () { ClearInterval (oBox. timer ); Var iTop = parseint(document.doc umentElement. clientHeight-oBox. offsetHeight)/2) + iScrollTop; OBox. timer = setInterval (function () { Var iSpeed = (iTop-oBox. offsetTop)/8; ISpeed = iSpeed> 0? Math. ceil (iSpeed): Math. floor (iSpeed ); OBox. offsetTop = iTop? ClearInterval (oBox. timer): (oBox. style. top = oBox. offsetTop + iSpeed + "px "); }, 30) }, 100) OBox. onmouseover = function () { This. style. width = 131 + "px "; OLine. style. display = "block "; OMenu. style. display = "none "; }; OBox. onmouseout = function () { This. style. width = ''; OLine. style. display = "none "; OMenu. style. display = "block "; }; }; Document. write ("<style> img {border: 0;} ul, li {padding: 0; margin: 0 ;}. box_lanrenzhijia {z-index: 99; right: 0; width: 128px; height: 195px; position: absolute ;}. box_lanrenzhijia. press {right: 0; width: 36px; cursor: pointer; position: absolute; height: 128px ;}. box_lanrenzhijia. zzjs_net_list {left: 0; width: pixel PX; position: absolute; height: 195px; background: url (images/20120321lanrenzhijia_1.gif) no-repeat left center ;}. box_lanr Enzhijia. zzjs_net_list ul {padding: 37px 0 0 21px ;}. box_lanrenzhijia. zzjs_net_list li {height: 26px; margin-bottom: 3px; _ margin-bottom: 3px; list-style-type: none ;} </style> <div class = \ "box_lanrenzhijia \" id = \ "qqbox_zzjs \"> <div class = \ "zzjs_net_list \" id = \ "online_renzhijia \" style = \ "display: none; \ "> <ul> <li> <a href = \" http://wpa.qq.com/msgrd? V = 1 & Uin = 123456789 & Site = script house & Menu = yes \ "> </a> </li> <a href = \ "http://wpa.qq.com/msgrd? V = 1 & Uin = 123456789 & Site = script house & Menu = yes \ "> </a> </li> <a href = \ "http://wpa.qq.com/msgrd? V = 1 & Uin = 123456789 & Site = script house & Menu = yes \ "> </a> </li> <a href = \ "http://wpa.qq.com/msgrd? V = 1 & Uin = 123456789 & Site = script house & Menu = yes \ "> </a> </li> <a href = \ "http://wpa.qq.com/msgrd? V = 1 & Uin = 123456789 & Site = script house & Menu = yes \ "> </a> </li> </ul> </div> <div id = \ "menu_zzjs_net \"> </div> "); </Script> </Body> </Html> |