ECSHOP 返回顶部代码

第一种样式：

打开模板，底部模板文件 library/page_footer.lbi

在最后加入以下代码：<div class="scroll_div"><a href="#top" title="返回顶部"><img src="images/scroll.png" width="21" height="65" alt="返回顶部" /></a></div>

再在模板CSS文件里加入CSS，并把下面的图片，另存为：scroll.png

/*----- 返回顶部 ------*/
.scroll_div {
    background:url(images/scroll.png) no-repeat top center;
    bottom:10px;
    position:fixed;
    right:11%;
    z-index:1;
    _position:absolute;
    _bottom:auto;
    _top:expression( eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop +(documentElement.clientHeight - this.clientHeight) - 1:document.body.scrollTop + (document.body.clientHeight - this.clientHeight) - 1);
    height:65px;
    width:21px;
    display:none;
    color:#FFFFFF;
    float:right;
    display: block; 
    cursor:pointer;
}
* html .scroll_div {
    background:none;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=corp,src='images/scroll.png');
    bottom:110px;
}

第二种样式：

打开模板，底部模板文件 library/page_footer.lbi

在最后加入以下代码：

<div id="scroll"><a href="#" title="返回顶部" class="back-to-top"></a></div>

再在模板CSS文件里加入CSS，并把下面的图片，另存为：back-top.png

#scroll {
    clear:both;
    position:fixed;
    bottom:22px;
    right:20px;
    _position:absolute;
    _right:-35px;
    width:32px;
    height:37px;
    z-index:99;
    _top:expression(eval(document.compatMode&&document.compatMode=='CSS1Compat') 
?documentElement.scrollTop+(documentElement.clientHeight-this.clientHeight)-22:document.body.scrollTop+(document.body.clientHeight-this.clientHeight)-0);
    z-index:1;
}
#scroll a {
    float:left;
    background:url(images/back-top.png) no-repeat;
    display:inline;
    width:48px;
    height:48px;
}
#scroll a.back-to-top {
    background-position:left top;
}
#scroll a.back-to-top:hover {
    background-position:right top;
}