zoukankan      html  css  js  c++  java
  • 扩展jQuery全局函数的“返回顶部”插件

    //返回顶部
        $.backToTop = function (options) {
            //默认配置
            var defaults = {
                showHeight:150, //到达某个高度后显示返回顶部
                speed:500          //滚动速度
            };
            options = $.extend(defaults, options);    //覆盖默认配置
            $("body").append("<a id='toTop' title='返回顶部' href='javascript:void(0);'>返回顶部</a> >");      //添加html
            var $toTopObj = $(window);
            var $toTopa = $("#toTop");
            $toTopa.hide();
            $toTopObj.scroll(function () {
                var scrollTop = $(this).scrollTop();
                if (scrollTop >= options.showHeight) {
                    $toTopa.fadeIn("fast");
                } else {
                    $toTopa.fadeOut("fast");
                }
            });
            $toTopa.click(function () {
                $("html,body").animate({
                    scrollTop:0
                }, options.speed, function () {
                    $toTopa.fadeOut("fast");
                });
            });
        };
        //demo: 
        $.backToTop({
            showHeight:50, //到达某个高度后显示返回顶部
            speed:250          //滚动速度
        });
     
  • 相关阅读:
    安装MySQL56时,停止在start service这一步
    网站主机、域名购买和部署的方法
    sql修改数据库中表的结构
    放大电路的焊制实验
    win7下添加库文件出现“file is not regcognized”问题
    .net 网站中如何动态播放音乐,页面如何播放音乐
    LYF电子书制作工具(CHM格式)
    MVC创建
    ASP_Login
    智能搜索
  • 原文地址:https://www.cnblogs.com/webFrontDev/p/2786006.html
Copyright © 2011-2022 走看看