回到顶部 jquery

2020-12-13 02:18

阅读：302

标签：style blog class code java ext

        //回到顶部
        $(function() {
             $.fn.backToTop = function(options) {
                var defaults = {            
                    showHeight : 120,
                    speed : 100
                };

                var options = $.extend(defaults, options);
                $("#footer").append("返回
");
                var $toTop = $(this);
                var $top = $("#totop");
                var $ta = $("#totop a");
                $toTop.scroll(function(){
                    var scrolltop=$(this).scrollTop();      
                    if(scrolltop>=options.showHeight){              
                        $top.show();
                    }
                    else{
                        $top.hide();
                    }
                }); 
                $ta.hover(function(){       
                    $(this).addClass("cur");    
                },function(){           
                    $(this).removeClass("cur");     
                }); 
                $top.click(function(){
                    $("html,body").animate({scrollTop: 0}, options.speed);  
                });
             }

回到顶部 jquery,搜素材,soscw.com

回到顶部 jquery

标签：style blog class code java ext

原文地址：http://www.cnblogs.com/taotaowill/p/3716717.html

上一篇：How to change drive in cygwin

下一篇：java_设计模式_装饰设计模式

文章来自：搜素材网的编程语言模块，转载请注明文章出处。
文章标题：回到顶部 jquery
文章链接：http://soscw.com/essay/25309.html

亲，登录后才可以留言！

回到顶部 jquery

评论

热门文章

推荐文章

最新文章

置顶文章