您好,欢迎来到jQuery吧!QQ群:193687763(钱端开发)

jQuery吧-Write Less, Do More | 注重前端开发

首页 > jQuery > jQuery效果 > 正文

jquery移至顶部/底部按钮特效

2015-09-23 11:09:04 作者:天外飞仙 人气:247 Views

jquery移至顶部/底部按钮特效
20150922231326
引入js代码

<script src="jquery-1.3.2.js" type="text/javascript"></script><script src="scroll-startstop.events.jquery.js" type="text/javascript"></script><script> $(function() { var $elem = $('#content'); $('#nav_up').fadeIn('slow'); $('#nav_down').fadeIn('slow'); $(window).bind('scrollstart', function() { $('#nav_up,#nav_down').stop().animate({ 'opacity': '0.2' }); }); $(window).bind('scrollstop', function() { $('#nav_up,#nav_down').stop().animate({ 'opacity': '1' }); }); $('#nav_down').click(function(e) { $('html, body').animate({ scrollTop: $elem.height() }, 800); }); $('#nav_up').click(function(e) { $('html, body').animate({ scrollTop: '0px' }, 800); }); });</script>

下载地址
预览地址

链接:http://www.jqueryba.com/5749.html(转载时请注明本文出处及文章链接)
分类:jQuery效果

jQuery吧-Write Less, Do More | 注重前端开发

jQuery吧-Write Less, Do More | 注重前端开发

Copyright © 2013 jqueryba.com, All Rights Reserved.奔跑在阿里云

免责声明:本站所有内容来源于互联网。如果本站部分内容侵犯您的权益,请您告知,站长会立即处理 苏ICP备12059471号

站内所有资源仅供学习与参考,请勿用于商业用途,否则产生的一切后果将由您自己承担!