天兴工作室

今天是2014年的端午节，苦逼的我还是在一如既往的守店子写代码，除了在食堂吃了两个超难吃的粽子外毫无节日气氛，为什么呢？

老婆和女儿都回老家了，每逢佳节倍思亲这句话以前没体验，有了女儿后在今天体验一把，想她想的不得了，和老婆QQ视频聊天看了半天女儿后更想了。

都说女儿是爸爸的小情人，这话说的真不错，我姑娘才一岁多一点，有一天我跟她在一起，脚上被蚊子还是什么咬了，有点痒，我边扣痒边说好痒，结果女儿立马把手指放到嘴巴去然后拿出来往我脚上点，我开始没回过神来，还跟女儿说不要这样做，训斥她说脏，突然回想起来女儿被蚊子咬了后老婆教过她用自己的唾沫糊上去可以止痒，然后今天就用到我身上了。

当我回过神来后就温暖得想哭，很简单的事情对不对？想着这么小个人儿会对爸爸好了，百感交集。

一直觉得女儿才是我人生中最好的礼物。

果然是有了孩子才会成熟，有了孩子人生才算完整，有了孩子会多很多顿悟。

在端午节写了这些后愈发想念我的女儿了，过几天就去接她们娘两回来了，期盼着。

先说明下本篇教程的目的，举例，一个企业站，在二级目录下安装了一个zblog程序用来做企业百科或者企业博客什么的，然后想在网站的首页调用zblog的文章。这就是本篇文章要讲清楚的东西。

首先说一下怎么在二级目录下安装zblog，在网站根目录下新建一个文件夹“blog”，当然这个文件夹名称你自己决定，然后下载zblog，然后按照这篇文章安装好zblog程序：    zblog程序安装教程 zblog安装步骤 有截图。

好了现在来讲调用，要想在外部网站调用zblog网站内容，只有一种办法就是js调用（现在新出的zblogphp用的是php+sql也许会有其他更好的方法），外部调用js完整代码如下：

<script language="JavaScript" charset='utf-8' src="
你的域名/function/c_html_js.asp?include=previous
" type="text/javascript"></script>

注意上面代码的“你的域名”要改成你的zblog网站首页地址，这个代码调用出来的结果下面这样的10条文章，用css稍微美化即可：

<li><a href="文章链接">文章标题</a></li>

调用其他的tag或者评论的什么代码如下：

最新日志: <#ZC_BLOG_HOST#>function/c_html_js.asp?include=previous

最新评论: <#ZC_BLOG_HOST#>function/c_html_js.asp?include=comments

最新留言: <#ZC_BLOG_HOST#>function/c_html_js.asp?include=guestcomments

站点统计: <#ZC_BLOG_HOST#>function/c_html_js.asp?include=Statistics

文章归档: <#ZC_BLOG_HOST#>function/c_html_js.asp?include=Archives

最新引用: <#ZC_BLOG_HOST#>function/c_html_js.asp?include=TrackBacks

日历: <#ZC_BLOG_HOST#>function/c_html_js.asp?include=Calendar

作者列表: <#ZC_BLOG_HOST#>function/c_html_js.asp?include=Authors

标签列表: <#ZC_BLOG_HOST#>function/c_html_js.asp?include=Tags

先上这个教程要做的事情最终出来的结果，截图如下：

详细效果可以看本站右侧的回到顶部模块，。

好的，教程开始。

要做出这个效果我们要增加四处处东西：

js部分：新建一个top.js文件，复制以下代码粘贴并保存，上传至你正在使用的主题中的“script”文件夹内。

function b(){
    h = $(window).height();
    t = $(document).scrollTop();
    if(t > h){
        $('#gotop').show();
    }else{
        $('#gotop').hide();
    }
}
$(document).ready(function(e) {
    b();
    $('#gotop').click(function(){
        $(document).scrollTop(0);    
    })
});

$(window).scroll(function(e){
    b();        
})

html部分：将以下代码复制粘贴到你正在使用的主题的TEMPLATE文件夹内的“footer.html”（zblogphp是footer.php）文件内，放在</body>之前就行，注意要把QQ和留言本链接改成你自己的。

<script language="javascript" type="text/javascript" src="<#ZC_BLOG_HOST#>zb_users/theme/<#ZC_BLOG_THEME#>/script/top.js"></script>
<div id="tbox">
    <a id="gotop" href="javascript:void(0)"></a>
    <a id="pinglun" href="http://wpa.qq.com/msgrd?v=3&uin=1109856918&site=qq&menu=yes" target="_blank" title="通过QQ联系我们"  rel="nofollow"></a>
    <a id="xiangguan"  href="http://demo.txcstx.cn/guestbook.html"  target="_blank" title="如果您有任何意见，欢迎反馈给我们！" ></a>
</div>

css部分：复制以下css代码至你正在使用主题的css文件里面，随便放在哪个位置都行。css代码如下：

/*---返回顶部--*/
*{padding:0px; margin:0px;}
*html{background-image:url(about:blank);background-attachment:fixed;}
#tbox{position:fixed;left:50%;bottom:50px;margin-left:500px;width:50px;height:150px
_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));_margin-bottom:15px;right: 90px;}
#pinglun,#xiangguan,#gotop{width:50px;height:50px;display:block;background-image: url(img/top.png);background-repeat: no-repeat;margin-bottom: 5px;}
#pinglun:hover,#xiangguan:hover,#gotop:hover{width:50px;height:50px;display:block;background-image: url(img/top1.png);background-repeat: no-repeat;}
#pinglun{background-position:0 0;}
#xiangguan{background-position:0 -55px;}
#gotop{background-position:0 -110px;}

图片部分：下载下面的两张图片放在你正在使用的主题的图片文件夹内。

http://demo.txcstx.cn/zb_users/theme/tianxing/style/img/top.png

http://demo.txcstx.cn/zb_users/theme/tianxing/style/img/top1.png

ok，后台更新下缓存，前台就出现了这个还蛮漂亮的zblog回到顶部效果了，还有一个补充说明，如果你搞不懂什么叫“你正在使用的主题的xx文件夹”，那么请参考这篇文章：    zblog主题怎么修改？zblogasp主题修改方法