一个简单的返回顶部jQuery程序代码

时间：2014-11-24 编辑：简简单单来源：一聚教程网

本文演示jQuery返回顶部，当文章页比较长时间，可以方便用户返回网站的顶部，实现代码也不难，大家学习下！

调用代码：

代码如下	复制代码

其中scrollSilde.js代码为：

代码如下

复制代码

//返回顶部
$(function () {
    $.fn.gotoTop = function (options) {
        var defaults = {
            showHeight: 150,
            speed: 1000
        };
        var options = $.extend(defaults, options);
        $(document.body).prepend("

");
        var $toTop = $(this);
        var $top = $("#totop");
        var $ta = $("#totop a");
        var $bt = $("#totop p");
        $toTop.scroll(function () {
            var scrolltop = $(this).scrollTop();
            if (scrolltop >= options.showHeight) {
                $top.show();
            }
            else {
                $top.hide();
            }
        });
        $ta.click(function () {
            $("html,body").animate({ scrollTop: 0 }, options.speed);
        });
        $bt.click(function () {
            $("#mess").show();
        });
    }
});

好了这样就可以了实现页面返回顶部了。

上一个： jQuery 克隆对象的简单示例
下一个： WordPress中is_home()与is_front_page()使用方法

推荐专题

最新下载

热门教程

一个简单的返回顶部jQuery程序代码

相关文章

热门栏目

php教程

asp.net教程

手机开发

css教程

网页制作

办公数码

jsp教程