回到顶部 jquery

        //回到顶部$(function() {$.fn.backToTop = function(options) {var defaults = {            showHeight : 120,speed : 100};var options = $.extend(defaults, options);$("#footer").append("<div id='totop' style='cursor:pointer;position:fixed;bottom:20px;right:10px;z-index:9999;width:30px;height:30px;background-color:#000;'><a>返回</a></div>");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);  });}

转载于:https://www.cnblogs.com/taotaowill/p/3716717.html

回到顶部 jquery相关推荐

php 回到顶部,jquery如何实现点击网页回到顶部效果？（图文+视频）
本篇文章主要给大家介绍如何用jquery代码实现网页回到顶部的效果. 我们在浏览各大网站页面时,想必大家肯定都遇到过,当阅览一个长页面时,拉到下面部分会出现类似回到顶部的按钮特效吧. 这种点击回到顶部 ...
回到顶部和返回首页jquery插件
打造最全的CMS类教程聚合! 第一种方法:在网页<body></body>之间插入:  <div id="full&quo ...
一款回到顶部的 jQuery 插件，支持 Div 中的滚动条回到顶部
前言今天在网上搜索"回到顶部"的 jQuery 插件,网上有很多,但是大部分都不支持让 Div 中的滚动条回到顶部.于是乎,不放弃,自己参考 Github 上的一个 jQuery ...
Jquery 回到顶部
转:http://www.cnblogs.com/DemoLee/archive/2012/04/20/2459082.html 用jQuery实现渐隐渐显的返回顶部效果(附多图) 先来看几个图片效果 ...
html锚点链接回到顶部,回到顶部和回到底部特效-jquery锚点移动兼容所有浏览器...
插件描述:回到顶部和回到底部特效-jquery锚点移动兼容所有浏览器回到顶部和回到底部在当前的网页中应用时相当广泛的为了更好的体验,我们在回到顶部或回到底部的过程中采用一个渐进的滚动那么我们就要 ...
jquery 回到顶部动画
jquery 回到顶部简单动画适配主流浏览器 html <a href="javascript:;" id="backup"></a> ...
隐藏html5回到顶部,用jQuery实现的智能隐藏、滑动效果的返回顶部代码
在线DEMO:传送门 HTML代码(放在页面任意位置,并用CSS美化): 回到顶部 JS代码: $(document).ready(function() { //首先将#back-to-top隐藏 $ ...
前台特效（2）回到顶部
---恢复内容开始--- 原生js(有兼容性问题): <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN&quo ...
HTML学习笔记之二（回到顶部与回到底部）
回到顶部回到底部回到顶部的俩种方式一.使用js [javascript] view plaincopy $('html, body').animate({ scrollTop: 0 }, 'fa ...

回到顶部 jquery

回到顶部 jquery相关推荐

最新文章

热门文章