飞絮文博

专注于各种综合类资讯以及技术文章&优化等各类学习资讯

« 美化了一下Z-Blog底部的分页链接《家人》:阔太与贫妇交换生活 »

zblog回到顶部代码实现方法

  今天发现对于有些很长的文章,这个功能还是有必要的,于是去找了找最后综合卢松松和低一度的代码,自己修改了下,最终得以实现。
工具/原料
独立站点
步骤/方法
首先保存下面代码为hui.js文件,放在THEMES/你的主题/SCRIPT/目录下
lastScrollY=0;
function heartBeat(){
var diffY;
if (document.documentElement && document.documentElement.scrollTop)
diffY = document.documentElement.scrollTop;
else if (document.body)
diffY = document.body.scrollTop
else
{/*Netscape stuff*/}
percent=.1*(diffY-lastScrollY);
if(percent>0)percent=Math.ceil(percent);
else percent=Math.floor(percent);
document.getElementById("full").style.top=parseInt(document.getElementById("full").style.top)+percent+"px";
lastScrollY=lastScrollY+percent;
/*if(diffY == 0){document.getElementById("full").style.display = "none"}
else{document.getElementById("full").style.display = "block"}
}*/
if(diffY > 500){document.getElementById("full").style.display = "block"}
else{
document.getElementById("full").style.display = "none"}
}
suspendcode="<div id=\"full\" style='display:none; width:15px; height:57px; POSITION:absolute; left:88%; top:250px; margin-left:0px; z-index:100; text-align:center;'><a href='#'><img src='../image/btn_top.gif' border=0 /></a><br><br><a href='#comment'><img src='../image/btn_comment.gif' border=0 /></a></div>"
document.write(suspendcode);
window.setInterval("heartBeat()",1);
function switchImage(imageId, imageUrl, linkId, linkUrl, preview, title, alt) {
if(imageId && imageUrl) {
var image = $(imageId);
image.src = imageUrl;
if(title) {
image.title = title;
}
if(alt) {
image.alt = alt;
}
}
if(linkId && linkUrl) {
var link = $(linkId);
link.href = linkUrl;
}
}
//Tabs
function setTab(name,cursel,n){
for(i=1;i<=n;i++){
var menu=document.getElementById(name+i);
var con=document.getElementById("con"+name+i);
menu.className=i==cursel?"current":"";
con.style.display=i==cursel?"block":"none";
}
}
然后在网上上随便找2个按钮图片,上传到你自己的../image/目录下。
最后修改你主题下的sing.html文件,在<head></head>之间加入以下代码:
<script type="text/javascript" src="<#ZC_BLOG_HOST#>THEMES/<#ZC_BLOG_THEME#>/SCRIPT/hui.js"></script>
重建文件,完成。
注意事项
经我测试 “ left:88%; ”的数值用来调节左右位置“top:250px;”调节上下位置。



飞絮文博 - 版权声明
1、本网站所发文章,若有侵权请及时联系我;
2、其他单位或个人使用、转载或引用本文时必须同时征得本博客的同意;
3、若由其他人转载所引起的任何纠纷,本网站概不负责;
4、本网站部分内容转载自其它媒体,但并不代表本站赞同其观点和对其真实性负责
5、如本帖侵犯到任何版权问题,请立即告知本站,本站将及时予与删除并致以最深的歉意


发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

加入您的收藏     设为您的主页

日历

最新评论及回复

最近发表

联系邮箱:[email protected] , Powered By 飞絮视频乐园 , 鲁ICP备08128977号 , 值班站长:
本站采用创作共用版权协议, 要求署名、非商业用途和保持一致. 转载本站内容必须也遵循“署名-非商业用途-保持一致”的创作共用协议.
This site is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 2.5 License.

_×
博主强烈推荐
等待您的加盟,MV美女图库网是一个MV|美女|AV美女,美女图库下载网,集合所有美女、风景、壁纸下载网。