去把bilibili的返回顶点锚点扒了下来

今天闲来无事看着刷着bilibili对那锚点标记觊觎已久,下决心将其收为己用,遂动手.

个人主推Firefox+firebug查看网页代码.我用的是夜壶(nightly),就火狐的每日更新版(建议不用,有时一日三更重启非常蛋疼).

网页代码,css和图片容易弄,哪里想要点哪里,左边是代码,右边是css和其他,背景图的话,右键路径在新页面打开保存就行.

主要是绑定的javascript事件麻烦.楼主一开始傻BB就对着那个锚点的divid找啊找,找到了一些但死活找不到事件.后来firebug会用了就简单多了.点击标签绑定的是goTop函数,在firebug的控制栏里输入"goTop",然后点"RUN",那个函数就会出现了,找到之后还可以右键美化源代码,方便复制过去.输"goTop()"的话是执行.不一样的.

bilibili的锚点是挺有趣的, 首先其位置设置的不错,会根据                 300 < $(                 ($('#gotop').show(),
                 $('#gotop').css('left', $('.z').offset().left + $('.z').width() + 20),
                 $('#gotop').css('top', $(window).height() - 300))
                 : $('#gotop').hide()
             });
             $(window).resize(                 $('#gotop').css('left', $('.z').offset().left + $('.z').width() + 20)
             })
         });
                                                    u = u || 0.1;
                 t = t || 16;
                                  q = 0,
                 o = 0,
                 p = 0,
                 n = 0,
                 j = 0;
                 document.documentElement && (s = document.documentElement.scrollLeft || 0, q = document.documentElement.scrollTop || 0);
                 document.body && (o = document.body.scrollLeft || 0, p = document.body.scrollTop || 0);
                 n = window.scrollX || 0;
                 j = window.scrollY || 0;
                 s = Math.max(s, Math.max(o, n));
                 q = Math.max(q, Math.max(p, j));
                 p = 1 + u;
                 window.scrollTo(Math.floor(s / p), Math.floor(q / p));
                 0 < s || 0 < q ? window.setTimeout('goTop(' + u + ', ' + t + ')', t) : 'undefined' !=              }                  scrollActivate = !0
             }
         }
                                     </html>