</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();

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