首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 移动开发 > 移动开发 >

“返回顶端”按钮实现

2013-07-04 
“回到顶端”按钮实现htmlheadtitle“回到顶端”按钮实现/titlescript typetext/javascript src

“回到顶端”按钮实现

<html><head>    <title>“回到顶端”按钮实现</title>    <script type="text/javascript" src="/js/jquery/jquery-1.8.1.min.js"></script>    <script type="text/javascript">        $(document).ready(function() {            $(window).scroll(function() {                if ($(this).scrollTop() > 15) {                    $('.back-to-top').fadeIn(100);                } else {                    $('.back-to-top').fadeOut(100);                }            });            // jQuery实现动画滚动            $('.back-to-top').click(function(event) {                event.preventDefault();                $('html, body').animate({scrollTop: 0}, 500);            })        });    </script></head><body><div id="content">  <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>  <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>  <div />



热点排行