1. <%@ page pageEncoding="UTF-8"%> 
  2. <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %> 
  3.  
  4. <html xmlns="http://www.w3.org/1999/xhtml" > 
  5. <head runat="server"> 
  6.     <title>QQ在线客服</title> 
  7.     <style type="text/css"> 
  8.         .QQbox{z-index:99; width:142px; right:0; top:180px; position:absolute} 
  9.     </style> 
  10. </head> 
  11. <body> 
  12. <form id="form1" runat="server"> 
  13.     <div style="height:800px"> 
  14.         <div class="QQbox" id="divQQbox" style="display:none"> 
  15.              <table height="166" cellSpacing="0" cellPadding="0" width="111" border="0"> 
  16.               <TBODY> 
  17.                <tr> 
  18.                 <td> 
  19.                  <table class="pt9" cellSpacing="0" cellPadding="0" width="109" align="center" border="0"> 
  20.                   <tr> 
  21.                    <td align="left"><IMG src="<c:out value="${jspStoreImgDir}p_w_picpaths/qqkf/help1.gif"/>" /></td> 
  22.                   </tr> 
  23.                   <tr> 
  24.                    <td align="left" background="<c:out value="${jspStoreImgDir}p_w_picpaths/qqkf/help2.gif"/>"> 
  25.                     <table id="table1" class="pt9" cellspacing="0" cellpadding="0" border="0" style="border-width:0px;border-collapse:collapse;"> 
  26.                      <tr> 
  27.                       <td> 
  28.                           <table width="100" height="31" border="0" cellpadding="0" cellspacing="0" align="center"> 
  29.                            <tr> 
  30.                             <td width="30" height="31" align="right"> 
  31.                              <a id="kf1" href="tencent://message/?uin=195243697&amp;Site=&amp;Menu=yes"><img id="img1" title="QQ：195243697" src="http://wpa.qq.com/pa?p=1:195243697:4" alt="" border="0" /></a> 
  32.                             </td> 
  33.                             <td class="pt9" align="center"> 
  34.                              <a id="kf11" title="客服1号×××" href="tencent://message/?uin=195243697&amp;Site=&amp;Menu=yes" class="black12">客服1号</a> 
  35.                             </td> 
  36.                            </tr> 
  37.                           </table> 
  38.                       </td> 
  39.                      </tr> 
  40.                      <tr> 
  41.                       <td> 
  42.                           <table width="100" height="31" border="0" cellpadding="0" cellspacing="0" align="center"> 
  43.                            <tr> 
  44.                             <td width="30" height="31" align="right"> 
  45.                              <a id="kf2" href="tencent://message/?uin=195243697&amp;Site=&amp;Menu=yes"><img id="img2" title="QQ：195243697" src="http://wpa.qq.com/pa?p=1:195243697:4" alt="" border="0" /></a> 
  46.                             </td> 
  47.                             <td class="pt9" align="center"> 
  48.                              <a id="kf22" title="客服2号×××" href="tencent://message/?uin=195243697&amp;Site=&amp;Menu=yes" class="black12">客服2号</a> 
  49.                             </td> 
  50.                            </tr> 
  51.                           </table> 
  52.                       </td> 
  53.                      </tr> 
  54.                     </table> 
  55.                    </td> 
  56.                   </tr> 
  57.                   <tr> 
  58.                    <td align="left"><IMG src="<c:out value="${jspStoreImgDir}p_w_picpaths/qqkf/help3.gif"/>" /> 
  59.                    </td> 
  60.                   </tr> 
  61.                  </table> 
  62.                 </td> 
  63.                </tr> 
  64.               </TBODY> 
  65.              </table> 
  66.         </div> 
  67.     </div> 
  68. </form> 
  69. </body> 
  70. </html> 
  71. <script type="text/javascript">  
  72.     var tips; 
  73.     var theTop = 180/*这是默认高度,越大越往下*/; 
  74.     var old = theTop; 
  75.     function initFloatTips() { 
  76.         document.getElementById("divQQbox").style.display = "block"; 
  77.         tips = document.getElementById("divQQbox"); 
  78.         moveTips(); 
  79.     }; 
  80.     function moveTips() { 
  81.         var tt = 50; 
  82.         if (window.innerHeight) { 
  83.             pos = window.pageYOffset 
  84.         } 
  85.         else if (document.documentElement && document.documentElement.scrollTop) { 
  86.             pos = document.documentElement.scrollTop 
  87.         } 
  88.         else if (document.body) { 
  89.             pos = document.body.scrollTop; 
  90.         } 
  91.         pospos = pos - tips.offsetTop + theTop; 
  92.         pos = tips.offsetTop + pos / 10; 
  93.         if (pos < theTop) pos = theTop; 
  94.         if (pos != old) { 
  95.             tips.style.top = pos + "px"; 
  96.             tt = 10; 
  97.         } 
  98.         old = pos; 
  99.         setTimeout(moveTips, tt); 
  100.     } 
  101.     initFloatTips(); 
  102. </script>