[教學] QQ客服+top回到顶部浮动框

Derek

效果图：

下載 (4.7 KB)

2012-8-1 22:21

投放：第三方

1. <div id="xiangzi12051" style="position:fixed;bottom:60px;right:80px;display:none;cursor:pointer;">
   
2. <table width="55" border="0" cellspacing="0" cellpadding="0">
   
3.   <tr>
   
4.     <td width="55" height="20"><a href="#" title="返回顶部"><img border="0" src="http://oo.a.5d6d.com/userdirs/8/2/no5/attachments/month_1107/1107131313a730d151126a3499.gif" alt="返回顶部" /></a></td>
   
5.   </tr>
   
6.   <tr>
   
7.     <td width="55" height="40"><a href="http://wpa.qq.com/msgrd?v=3&amp;uin=737809647&amp;site=qq&amp;menu=yes"; target="_blank"><img border="0" src="http://oo.a.5d6d.com/userdirs/8/2/no5/attachments/month_1107/1107131313e30f49b52cdb7239.gif" alt="点击这里与站长通话或留言" /></a></td>
   
8.   </tr>
   
9.   <tr>
   
10.     <td width="55" height="40"><a href="http://wpa.qq.com/msgrd?v=3&amp;uin=737809647&amp;site=qq&amp;menu=yes"; target="_blank"><img border="0" src="http://oo.a.5d6d.com/userdirs/8/2/no5/attachments/month_1107/1107131313e30f49b52cdb7239.gif" alt="点击这里与站长通话或留言" /></a></td>
    
11.   </tr>
    
12.   <tr>
    
13.     <td width="55" height="40"><a href="http://wpa.qq.com/msgrd?v=3&amp;uin=737809647&amp;site=qq&amp;menu=yes"; target="_blank"><img border="0" src="http://oo.a.5d6d.com/userdirs/8/2/no5/attachments/month_1107/1107131313e30f49b52cdb7239.gif" alt="点击这里与站长通话或留言" /></a></td>
    
14.         </tr>
    
15.   <tr>
    
16.     <td width="50" height="20">
    
17.         <em onclick="openShutManager(this,'divQQbox',false,'关闭','')"><img src="http://oo.a.5d6d.com/userdirs/8/2/no5/attachments/month_1107/110713131349cb1fea21f95460.gif" width="55" height="15" alt="CLOSE" /></em>
    
18.         </td>
    
19.   </tr>
    
20. </table>
    
21. </div>
    
22. <script type="text/javascript">
    
23.         idBackTop=document.getElementById('xiangzi12051');
    
24.         idBackTop.onclick=function (){
    
25.                 document.documentElement.scrollTop=0;
    
26.                 sb();
    
27.                 }
    
28.         window.onscroll=sb;
    
29.         function sb(){
    
30.                 if(document.documentElement.scrollTop==0){
    
31.                         idBackTop.style.display="none";
    
32.                         }else{
    
33.                                 idBackTop.style.display="block";
    
34.                                 }
    
35.                 }
    
36. </script>

複製代碼

80px是左边距，自己可以定义
7378*开头的数字是QQ号，自己修改

本文地址：http://xclub.joinbbs.net/thread-221-1-1.html
想招版主？点击这里，来到Sclub专注的人才市场http://xclub.joinbbs.net/forum-9-1.html
代码来自菜鸟基地