Tip: you can modify some code before running
<!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 Customer Service effect code with the close button left and right floating</title><meta http-equiv="content-type" content="text/html;charset=gb2312"><style type="text/css">. Qqwid {width: 142px; background-image: url (http://www.111cn.net/qq/qq_bg.gif); color: #000000 ;}. qqwid a {text-decoration: none ;}. qqwid a: link {color: #000000 ;}. qqwid a: visited {color: #000000 ;}. qqwid a: hover {color: # FF0000 ;}. qqwid a: active {color: #000000 ;}. qqwid. qqnei {margin-left: 5px; margin-right: 5px; line-height: 25px ;}. qqwid. qqnei img {margin-left: 3px; margin-right: 5px; vertical-align: middle ;}. qqwid td {font-size: 12px; height: 25px; line-height: 25px ;}</style></head><body><div ></div><!--把下面代码加到<body>与</body>之间--><!--左漂浮--><div id="leftfu" name="leftfu" ><table border="0" cellspacing="0" cellpadding="0"> <tr> <td valign="top"> <table width="10" border="0" cellspacing="0" cellpadding="0" id="leftmenu"> <tr> <td> </td> </tr> <tr> <td></td> </tr> <tr> <td align="right"></td> </tr> </table> </td> </tr></table></div><!--左漂浮--><!--右漂浮--><div id="rightfu" name="rightfu" ><table border="0" cellspacing="0" cellpadding="0"> <tr> <td valign="top"> <div class="qqwid" id="showrightmenu_1" onmouseover="javascript:showrightmenuover(1);" onmouseout="javascript:showrightmenuout(1);"> <div></div> <div class="qqnei"> <table border="0" cellspacing="0" cellpadding="0" > <tr> <td>Online Customer Service</td> </tr> <tr> <td>Online Customer Service</td> </tr> <tr> <td>Online Customer Service</td> </tr> <tr> <td>Online Customer Service</td> </tr> <tr> <td>Online Customer Service</td> </tr> <tr> <td>Online Customer Service</td> </tr> <tr> <td>Online Customer Service</td> </tr> <tr> <td>Online Customer Service</td> </tr> <tr> <td>Online Customer Service</td> </tr> <tr> <td>Online Customer Service</td> </tr> <tr> <td>Online Customer Service</td> </tr> <tr> <td>Online Customer Service</td> </tr> <tr> <td>Online Customer Service</td> </tr> <tr> <td>Online Customer Service</td> </tr> <tr> <td>Online Customer Service</td> </tr> <tr> <td>Online Customer Service</td> </tr> <tr> <td>Online Customer Service</td> </tr> </table> </div> <div></div> </div> <div class="qqwid" id="showrightmenu_2" onmouseover="javascript:showrightmenuover(2);" onmouseout="javascript:showrightmenuout(2);"> <div></div> <div class="qqnei"> <table border="0" cellspacing="0" cellpadding="0" > <tr> <td>Online Customer Service</td> </tr> <tr> <td>Online Customer Service</td> </tr> <tr> <td>Online Customer Service</td> </tr> </table> </div> <div></div> </div> <div class="qqwid" id="showrightmenu_3" onmouseover="javascript:showrightmenuover(3);" onmouseout="javascript:showrightmenuout(3);"> <div></div> <div class="qqnei"> <table border="0" cellspacing="0" cellpadding="0" > <tr> <td>Online Customer Service</td> </tr> <tr> <td>Online Customer Service</td> </tr> <tr> <td>Online Customer Service</td> </tr> <tr> <td>Online Customer Service</td> </tr> <tr> <td>Online Customer Service</td> </tr> <tr> <td>Online Customer Service</td> </tr> </table> </div> <div></div> </div> </td> <td valign="top"> <table width="10" border="0" cellspacing="0" cellpadding="0" id="rightmenu"> <tr> <td> </td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> <tr> <td align="left"> </td> </tr> </table> </td> </tr></table></div><!--右漂浮--><script event="fscommand()" for="eccoolad" type="text/javascript"></script><script type="text/javascript">// Leftfu. style. visibility = 'den den '; // sorollDiv1.style. visibility = 'den den '; var lastScrollY = 0; var setup = 0.02 function heartBeat () {diffyuncdocument.doc umentElement. scrollTop; percent = setup * (diffY-lastScrollY); if (percent> 0) percent = Math. ceil (percent); else percent = Math. floor (percent); document. getElementById ("leftfu "). style. top = parseInt (document. getElementById ("leftfu "). style. top) + percent + "px"; document. getElementById ("rightfu "). style. top = parseInt (document. getElementById ("rightfu "). style. top) + percent + "px"; lastScrollY = lastScrollY + percent;} window. setInterval ("heartBeat ()", 1); function divclose (name) {document. getElementById (name ). style. visibility = 'den den ';} function showqqdivover (I) {document. getElementById ("showqq" + I ). style. display = "block";} function showqqdivout (I) {document. getElementById ("showqq" + I ). style. display = "none";} function showleftmenuover (id) {document. getElementById ("showleftmenu _" + id ). style. display = "block";} function showleftmenuout (id) {document. getElementById ("showleftmenu _" + id ). style. display = "none";} function showrightmenuover (id) {document. getElementById ("showrightmenu _" + id ). style. display = "block";} function showrightmenuout (id) {document. getElementById ("showrightmenu _" + id ). style. display = "none ";}</script></body></html>
Tip: you can modify some code before running
