易迅飞顶部的css，js，html_易迅php顶部栏目修改-优快云博客

本文详细介绍了如何使用HTML、CSS和JS实现页面滚动到顶部的动画效果，包括样式设置、事件监听及滚动行为的控制。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、html

<div id="j_backtop" class="mod_backtop"><a ytag="72300" title="回顶部" href="javascript:">回顶部</a></div>

2、css

/*-----------------------------返回顶部css开始-----------------------------*/
.mod_backtop{position:fixed;z-index:997;right:20px;bottom:50px}
.mod_backtop a{overflow:hidden;display:block;width:50px;height:50px;background:url("http://static.gtimg.com/icson/img/common/backtop.png") no-repeat 0 0;text-indent:-999px;opacity:.7;filter:alpha(opacity=70)}
.mod_backtop a:hover{background-position:0 -52px;opacity:1;filter:alpha(opacity=100)}
/*-----------------------------返回顶部css结束-----------------------------*/

3、js

//------------------------飞顶部js开始-----------------------------
$(function(){
    var a = $("#j_backtop");
    if (0 < a.length) {
      var b = document.documentElement.clientHeight || document.body.clientHeight,
      c = Math.min(b, 500);
      $(window).bind("scroll resize",
      function() {
        var d = $(this).scrollTop();
        d < c ? a.fadeOut() : a.fadeIn();
        $.browser.msie && ("6.0" == $.browser.version && !$.support.style) && a.css({
          top: b - 200 + d
        })
      });
      a.click(function() {
        $(window).scrollTop(0);
        return ! 1
      })
    }
})
//------------------------飞顶部js结束-----------------------------