码迷,mamicode.com
首页 > Web开发 > 详细

常用JS方法

时间:2014-07-26 00:20:36      阅读:303      评论:0      收藏:0      [点我收藏+]

标签:返回顶部   style   blog   color   os   io   art   re   

// 悬浮置顶
; (function ($) {
    $.fn.crumbsFixedPosition = function (options) {
        var defaults = {
            cName: ‘fixed_pos‘
        }
        var options = $.extend(defaults, options);
        return this.each(function () {
            var $this = $(this);
            var t = $(this).offset().top;
            $(window).on(‘scroll‘, function () {
                if ($(this).scrollTop() > t) {                    
                    $this.addClass(options.cName);
                } else {
                    $this.removeClass(options.cName);
                }
            });
        });
    };
})(jQuery);

$(function () {
    $(‘.curr_pos‘).crumbsFixedPosition();
});
// 返回顶部

; (function ($) {
    $.fn.backToTop = function (options) {
        var defaults = {
            t: 200
        }
        var options = $.extend(defaults, options);
        return this.each(function () {
            var $this = $(this);
            $this.append(‘<div class="backToTop"><span>返回顶部</span></div>‘);
            var $o = $this.find(‘.backToTop‘);

            $(window).on(‘scroll resize‘, function () {
                if ($(document).scrollTop() > 0) {
                    $o.fadeIn();
                } else {
                    $o.fadeOut();
                }
            });
            $o.on({
                ‘click‘: function () {
                        $(‘body,html‘).stop(true, false).animate({ scrollTop: 0 }, options.t);
                },
                ‘selectstart‘: function () {
                    return false;
                }
            });
        });
    };
})(jQuery);

$(function () {
    $(‘body‘).backToTop();
});

常用JS方法,布布扣,bubuko.com

常用JS方法

标签:返回顶部   style   blog   color   os   io   art   re   

原文地址:http://www.cnblogs.com/rhythmK/p/3868457.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!