js回到顶部代码.docVIP

js用来制作“回到顶部”特效 /** * @author: mg12 [/] * @update: 2012/11/05 * @download by */ GoTop = function() { this.config = { }; this.cache = { topLinkThread :null // 显示 Go Top 节点的线程变量 (用于 IE6) } }; GoTtotype = { init: function(config) { this.config = config || this.config; var _self = this; // 滚动屏幕, 修改节点位置和显示状态 jQuery(window).scroll(function() { _self._scrollScreen({_self:_self}); }); // 改变屏幕尺寸, 修改节点位置 jQuery(window).resize(function() { _self._resizeWindow({_self:_self}); }); // 在页面中插入节点 _self._insertNode({_self:_self}); }, /** * 在页面中插入节点 */ _insertNode: function(args) { var _self = args._self; // 插入节点并绑定节点事件, 当节点被点击, 用 0.4 秒的时间滚动到页面顶部 var topLink = jQuery(a id= + _self.config.nodeId + href=# + _self.config.text + /a); topLink.click(function() { jQuery(html,body).animate({scrollTop: 0}, 400); return false; }).appendTo(jQuery(body)); // 节点到屏幕右边的距离 var right = _self._getDistanceToBottom({_self:_self}); // IE6 (不支持 position:fixed) 的样式 if(/MSIE 6/i.test(navigator.userAgent)) { topLink.css({ display: none, position: absolute, right: right + px }); // 其他浏览器的样式 } else { topLink.css({ display: none, position: fixed, right: right + px, top: (jQuery(window).height() - _self.config.distanceToBottom) + px }); } }, /** * 修改节点位置和显示状态 */ _scrollScreen: function(args) { var _self = args._self; // 当节点进入隐藏区域, 隐藏节点 var topLink = jQuery(# + _self.config.nodeId); if(jQuery(document).scrollTop() = _self.config.hideRegionHeight) { clearTimeout(_self.cache.topLinkThread); topLink.hide(); return; } // 在隐藏区域之外, IE6 中修改节点在页面中的位置, 并显示节点 if(/MSIE 6/i.test(navigator.userAgent)) { clearTimeout(_self.cache.topLinkThread); topLink.hide(); _self.cache.topLinkThread = setTimeout(function() { var top = jQuery(document).scrollTop() + jQuery(window).height() - _self.config.distanceToBottom; topLink.css({top: top + px