jquery实现鼠标向下滚动右侧才出现返回顶部链接

</pre><span style="color: rgb(73, 73, 73); font-family: simsun; line-height: 21px; background-color: rgb(247, 205, 191);"></span><p><span style="font-size:18px;">右侧的浮动层如上图所示，但是我们现在想实现这种效果：页面刚打开的时候不显示top返回顶部的链接，鼠标向下滚动的时候才出现，当点击top按钮后或者鼠标滚动到最上方时，top消失。</span></p><p><span style="font-size:18px;">大体html代码:</span></p><p><pre name="code" class="html" style="font-size:18px;"><div class="float_right">
  <ul>
    <li></li>
    <li></li>
    <li id="to_top"></li>
  </ul>
</div>

jquery代码:

function rightBar() {
        $(window).scroll(function () {
            var scroll_top = $(document).scrollTop();
            if (scroll_top != 0) {
                $(".float_right li:last").show();}
              else
                   {$(".float_right li:last").hide();}           
        });
        $("#to_top").click(function () {
            location.hash = "top";
            $(".float_right li:last").hide();
        });
    }
        rightBar();

实现起来还是很简单的，我就不多说了。