首页 > 其他 > 详细

返回顶部[初音未来]源码

时间:2018-08-17 16:10:04      阅读:165      评论:0      收藏:0      [点我收藏+]
 1 <style>
 2 #back-top {
 3      position: fixed;
 4      top:0px;
 5      right: 0px;
 6      z-index: 2147483647;
 7 }
 8 #back-top span {
 9      width: 130px;
10      height: 161px;
11      display: block;
12      background:url(http://www.igta.cc/wp-content/themes/Gzovin/images/gotop.png) no-repeat;
13 }
14 #back-top a{outline:none}
15 </style>
16 <script type="text/javascript">
17 $(function() {
18     // hide #back-top first
19     $("#back-top").hide();
20     // fade in #back-top
21     $(window).scroll(function() {
22         if ($(this).scrollTop() > 500) {
23             $(#back-top).fadeIn();
24         } else {
25             $(#back-top).fadeOut();
26         }
27     });
28     // scroll body to 0px on click
29     $(#back-top a).click(function() {
30         $(body,html).animate({
31             scrollTop: 0
32         }, 800);
33         return false;
34     });
35 });
36 </script>
37 <p id="back-top" style="display:none"><a href="#top"><span></span></a></p>

 

如何使用:直接把源码放到 博客设置选项的页首Html代码 即可使用,拿走不谢,哈哈哈

 结果展示:

技术分享图片

返回顶部[初音未来]源码

原文:https://www.cnblogs.com/Trojan00/p/9493667.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!