HTML实现置顶-->火箭置顶-白红宇

HTML实现置顶-->火箭置顶

阅读量：7114 次

发布时间：2019-06-28

本文共 3329 字，大约阅读时间需要 11 分钟。

HTML实现置顶操作

需要引入JQuery，案例中引入的是jquery-1.11.2.min.js

需要图片

以下为案例源码：

--------------------------------------


     
         
      
         
       
          
        
           
         
            
          
             
           火箭置顶    
               
           旅游梦想基金活动获奖名单投资就返现活动奖励公告（七）缤纷六月 好礼不间断活动奖励公告（七）
           旅游梦想基金活动获奖名单投资就返现活动奖励公告（七）缤纷六月 好礼不间断活动奖励公告（七）
           旅游梦想基金活动获奖名单投资就返现活动奖励公告（七）缤纷六月 好礼不间断活动奖励公告（七）
           旅游梦想基金活动获奖名单投资就返现活动奖励公告（七）缤纷六月 好礼不间断活动奖励公告（七）
           旅游梦想基金活动获奖名单投资就返现活动奖励公告（七）缤纷六月 好礼不间断活动奖励公告（七）
           旅游梦想基金活动获奖名单投资就返现活动奖励公告（七）缤纷六月 好礼不间断活动奖励公告（七）
           旅游梦想基金活动获奖名单投资就返现活动奖励公告（七）缤纷六月 好礼不间断活动奖励公告（七）
           旅游梦想基金活动获奖名单投资就返现活动奖励公告（七）缤纷六月 好礼不间断活动奖励公告（七）
           旅游梦想基金活动获奖名单投资就返现活动奖励公告（七）缤纷六月 好礼不间断活动奖励公告（七）
           旅游梦想基金活动获奖名单投资就返现活动奖励公告（七）缤纷六月 好礼不间断活动奖励公告（七）
           旅游梦想基金活动获奖名单投资就返现活动奖励公告（七）缤纷六月 好礼不间断活动奖励公告（七）
           旅游梦想基金活动获奖名单投资就返现活动奖励公告（七）缤纷六月 好礼不间断活动奖励公告（七）
           旅游梦想基金活动获奖名单投资就返现活动奖励公告（七）缤纷六月 好礼不间断活动奖励公告（七）
           旅游梦想基金活动获奖名单投资就返现活动奖励公告（七）缤纷六月 好礼不间断活动奖励公告（七）
           旅游梦想基金活动获奖名单投资就返现活动奖励公告（七）缤纷六月 好礼不间断活动奖励公告（七）
           旅游梦想基金活动获奖名单投资就返现活动奖励公告（七）缤纷六月 好礼不间断活动奖励公告（七）
           旅游梦想基金活动获奖名单投资就返现活动奖励公告（七）缤纷六月 好礼不间断活动奖励公告（七）
           旅游梦想基金活动获奖名单投资就返现活动奖励公告（七）缤纷六月 好礼不间断活动奖励公告（七）
           旅游梦想基金活动获奖名单投资就返现活动奖励公告（七）缤纷六月 好礼不间断活动奖励公告（七）
           旅游梦想基金活动获奖名单投资就返现活动奖励公告（七）缤纷六月 好礼不间断活动奖励公告（七）
           旅游梦想基金活动获奖名单投资就返现活动奖励公告（七）缤纷六月 好礼不间断活动奖励公告（七）
           旅游梦想基金活动获奖名单投资就返现活动奖励公告（七）缤纷六月 好礼不间断活动奖励公告（七）
           旅游梦想基金活动获奖名单投资就返现活动奖励公告（七）缤纷六月 好礼不间断活动奖励公告（七）
           旅游梦想基金活动获奖名单投资就返现活动奖励公告（七）缤纷六月 好礼不间断活动奖励公告（七）
           旅游梦想基金活动获奖名单投资就返现活动奖励公告（七）缤纷六月 好礼不间断活动奖励公告（七）
           旅游梦想基金活动获奖名单投资就返现活动奖励公告（七）缤纷六月 好礼不间断活动奖励公告（七）
           旅游梦想基金活动获奖名单投资就返现活动奖励公告（七）缤纷六月 好礼不间断活动奖励公告（七）
           旅游梦想基金活动获奖名单投资就返现活动奖励公告（七）缤纷六月 好礼不间断活动奖励公告（七）
           旅游梦想基金活动获奖名单投资就返现活动奖励公告（七）缤纷六月 好礼不间断活动奖励公告（七）
           旅游梦想基金活动获奖名单投资就返现活动奖励公告（七）缤纷六月 好礼不间断活动奖励公告（七）
           旅游梦想基金活动获奖名单投资就返现活动奖励公告（七）缤纷六月 好礼不间断活动奖励公告（七）
           旅游梦想基金活动获奖名单投资就返现活动奖励公告（七）缤纷六月 好礼不间断活动奖励公告（七）
           旅游梦想基金活动获奖名单投资就返现活动奖励公告（七）缤纷六月 好礼不间断活动奖励公告（七）
           旅游梦想基金活动获奖名单投资就返现活动奖励公告（七）缤纷六月 好礼不间断活动奖励公告（七）
           旅游梦想基金活动获奖名单投资就返现活动奖励公告（七）缤纷六月 好礼不间断活动奖励公告（七）
           旅游梦想基金活动获奖名单投资就返现活动奖励公告（七）缤纷六月 好礼不间断活动奖励公告（七）
           旅游梦想基金活动获奖名单投资就返现活动奖励公告（七）缤纷六月 好礼不间断活动奖励公告（七）
           旅游梦想基金活动获奖名单投资就返现活动奖励公告（七）缤纷六月 好礼不间断活动奖励公告（七）
           旅游梦想基金活动获奖名单投资就返现活动奖励公告（七）缤纷六月 好礼不间断活动奖励公告（七）
           旅游梦想基金活动获奖名单投资就返现活动奖励公告（七）缤纷六月 好礼不间断活动奖励公告（七）
           旅游梦想基金活动获奖名单投资就返现活动奖励公告（七）缤纷六月 好礼不间断活动奖励公告（七）
           
            
             
              
               
                $(function() {var e = $("#rocket-to-top"),t = $(document).scrollTop(),n,r,i = !0;$(window).scroll(function() {var t = $(document).scrollTop();t == 0 ? e.css("background-position") == "0px 0px" ? e.fadeOut("slow") : i && (i = !1, $(".level-2").css("opacity", 1), e.delay(100).animate({marginTop: "-1000px"},"normal",function() {e.css({"margin-top": "-125px",display: "none"}),i = !0})) : e.fadeIn("slow")}),e.hover(function() {$(".level-2").stop(!0).animate({opacity: 1})},function() {$(".level-2").stop(!0).animate({opacity: 0})}),$(".level-3").click(function() {function t() {var t = e.css("background-position");if (e.css("display") == "none" || i == 0) {clearInterval(n),e.css("background-position", "0px 0px");return}switch (t){case "0px 0px":e.css("background-position", "-298px 0px");break;case "-298px 0px":e.css("background-position", "-447px 0px");break;case "-447px 0px":e.css("background-position", "-596px 0px");break;case "-596px 0px":e.css("background-position", "-745px 0px");break;case "-745px 0px":e.css("background-position", "-298px 0px");}}if (!i) return;n = setInterval(t, 50),$("html,body").animate({scrollTop: 0},"slow");});});