设为首页 | 收藏本页
登陆您的帐号 | 免费注册帐号
全部栏目 > 计算机 > 设计
下一篇上一篇

ECSHOP 返回顶部代码


等级:
文章:1|2
注册:2020-06-04
商号:未登记
信誉:查看资质
发布人:zyc
发布日期:2015-06-02 08:30:45
刷新日期:2015-06-02 08:34:25
回复或评论:0
阅览:293
第一种样式:
打开模板,底部模板文件 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



评论(0) 暂无回帖


打印 收藏 关闭窗口 下一篇上一篇