jQuery回到顶部插件jQuery GoUp

插件描写叙述

jQuery GoUp!是一个简单的jQuery插件,让你的网页用户直接回到顶部。

用法很easy

引用jquery库和jquery.goup.min.js到你的页面

<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="jquery.goup.min.js"></script>

在调用下插件就OK了

<script type="text/javascript">
        $(document).ready(function () {
            $.goup({
                trigger: 100,
                bottomOffset: 20,       //距底部偏移量
                locationOffset: 30,     //距右部偏移量
                title: ‘返回顶部‘,
                titleAsText: true       //是否显示title
            });
        });
</script>

效果如图：

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvaXRteWhvbWUxOTkw/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" />

jQuery GoUp下载地址:http://download.csdn.net/detail/itmyhome/7714581

作者：itmyhome

时间： 2024-08-08 00:55:58

jQuery回到顶部插件jQuery GoUp的相关文章

基于jQuery的滚动条插件-jquery.jscrollbar

jquery.jscrollbar 是一个基于jQuery的滚动条插件,支持水平滚动条和垂直滚动条,支持鼠标键盘事件主要功能支持水平滚动条支持垂直滚动条自动判断水平滚动条和垂直滚动条是否显示支持外部调用来滚动内容支持滚动条部分样式自定义支持键盘方向键控制支持鼠标滚动(需要mousewheel插件) 支持滚动条显示位置设置(外部|悬浮) 支持手动更新界面依赖的库 jQuery (http://jquery.com/) jquery.jqdrag (https://github.c

jQuery图片延迟加载插件jQuery.lazyload

查看演示 website 立即下载插件描述:jQuery图片延迟加载插件jQuery.lazyload,使用延迟加载在可提高网页下载速度.在某些情况下,它也能帮助减轻服务器负载. 使用方法引用jquery和jquery.lazyload.js到你的页面 1 2 <script src="jquery-1.11.0.min.js"></script> <script src="jquery.lazyload.js?v=1.9.1"&g

jquery回到顶部源码分享-

// JavaScript Document (function($){ var goToTopTime; $.fn.goToTop=function(options){ var opts = $.extend({},$.fn.goToTop.def,options); var $window=$(window); $body = (window.opera) ? (document.compatMode == "CSS1Compat" ? $('html') : $('body'))

html css jquery 回到顶部按钮

今天做了个回到顶部的功能,在这里记录一下,有需要可以拿去试试! CSS部分,很简单就一个class /*回到顶部*/ .back-top { position: fixed; right: 15px; bottom: 15px; z-index: 9999; font-size: 25px; width: 40px; height: 40px; background-color: #adadad; color: #ffffff; cursor: pointer; border-radius: 2

jquery 回到顶部

1. 页面内容较多, 从底部超链接点击回到页面顶部 // 回到顶部 var $top = $('<a class="doc-gotop" href="javascript:;">TOP</a>') .on('click', function () { $(window).scrollTop(0); return false; }); $('body').append($top);

JS 回到顶部插件

=====================js============== ;(function($){ $.extend({ myScrollUp:function(options){ var defaults={ scrollName:"scrollUp", topDistance:"300",

回到顶部插件

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-

jQuery图片切换插件jquery.cycle.js

Cycle是一个很棒的jQuery图片切换插件,提供了很好的功能来帮助大家更简单的使用插件的幻灯功能下载cycle插件并引入,此时,注意把引入它的代码放在引入jQuery主文件之后. <head> <script type="text/javascript" src="js/jquery-1.8.0.min.js"></script> <script type="text/javascript" src

jQuery瀑布流插件——jQuery.Waterfall

插件--jQuery.Waterfall 思路: 其实只要了解了整个流程,要实现这个插件也不难,大家都玩过俄罗斯方块吧,原理差不多,找到合适的地方叠上去就好了,在这里,每个块的宽度是必需给定的,然后计算出列数,再维护一个数组,存储每列的高度,往最小高度的列添加块即可.滚动时,当最小高度出现在可视窗口时就启动ajax从服务器拉取更多的数据. 注意的地方: 如果瀑布流的块中包含图片,则需要事先知道图片的高度(其实就是为了要计算出整个块的高度,以便精确定位),图片的高度可以从服务器返回,本插件是整合p