zoukankan      html  css  js  c++  java
  • 常用JS方法

    // 悬浮置顶
    ; (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();
    });
  • 相关阅读:
    课二 计算机硬件组成余下
    课一 计算机硬件组成
    电梯演讲视频
    团队成员个人介绍
    day-65Django
    day-64Django
    day-63Django
    day-62Django
    day-61Django
    day-60Django
  • 原文地址:https://www.cnblogs.com/rhythmK/p/3868457.html
Copyright © 2011-2022 走看看