免費論壇 繁體 | 簡體
Sclub交友聊天~加入聊天室當版主
分享
Board logo

標題: [教學] QQ客服+top回到顶部浮动框 [打印本頁]

作者: Derek    時間: 2012-8-1 19:26     標題: QQ客服+top回到顶部浮动框

本帖最後由 Derek 於 2012-8-1 22:21 編輯

效果图:
111011190187cc736afd341899.jpg


投放:第三方
  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
代码来自菜鸟基地

圖片附件: 111011190187cc736afd341899.jpg (2012-8-1 22:21, 4.7 KB) / 下載次數 2013
http://youpost.info/discuz/attachment.php?aid=11425&k=372c0132ace26e73407bf4be62f8c755&t=1732344818&sid=mlCH5y


作者: 422766416    時間: 2012-8-1 19:33

谢谢分享
作者: 0857    時間: 2012-8-1 20:56

謝謝分享。
作者: 章鱼    時間: 2012-8-1 21:21

这是菜鸟基地制作的,请注明版权
作者: liangweisee    時間: 2012-11-13 23:57

章鱼兄,怎么你对每位代码大大都很熟悉呀!
作者: wait    時間: 2013-5-7 22:42

谢谢分享
作者: 葱葱    時間: 2015-2-15 04:42

是放到第三方统计里吗。。。怎么没用了代码。。。




歡迎光臨 SCLUB免費論壇申請-使用者論壇 (http://youpost.info/discuz/) Powered by Discuz! 7.2