码迷,mamicode.com
首页 > Web开发 > 详细

jQuery回到顶部插件jQuery GoUp

时间:2014-08-05 00:46:48      阅读:390      评论:0      收藏:0      [点我收藏+]

标签:jquery   返回顶部   goup   

插件描述

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


使用方法非常简单

引用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>

效果如图:

bubuko.com,布布扣


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


jQuery回到顶部插件jQuery GoUp,布布扣,bubuko.com

jQuery回到顶部插件jQuery GoUp

标签:jquery   返回顶部   goup   

原文地址:http://blog.csdn.net/itmyhome1990/article/details/38334101

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!