首先再次表扬一下强大而且易用的Z-Blog系统，微酷认为Z-Blog是ASP平台下最好用的博客程序，虽然人气不如WordPress高但是国内的Z-Blog用户还是相当多的，包括独立博客界知名的月光博客也是采用Z-Blog搭建的。

Z-Blog的模板和插件机制都非常棒，昨天晚上微酷花了些时间制作了首页滚动公告效果，现在分享下实现方法。

微酷原创Z-Blog首页滚动公告教程：

① 新建文件ANNOUNCE.HTML上传到博客当前主题INCLUDE文件夹下

② 这样就得到了显示公告的自建标签：

<#TEMPLATE_INCLUDE_ANNOUNCE#>

③ 编辑首页模板default.html将显示公告的自建标签插入到以下位置（如图）

④ 最后也是最重要的一步，编辑ANNOUNCE.HTML的内容如下：

<style>
#vcoo_anno
 {background:url("http://www.vcoo.me/THEMES/yofox/STYLE/yofox/notice_ico.gif") no-repeat left top; height:28px; line-height:28px; overflow: hidden; border: 1px #dddddd dashed; margin-left:5px; padding-left: 30px; margin-bottom: 10px;}
</style>
<div id="vcoo_anno">
<div id="vcoo_announce">
公告[2010年01月01日]：<font color="red">热烈祝贺微酷博客在2010新年到来的时候PR升到了5,新的一年继续努力…</font><br />
公告[2010年06月28日]：<font color="red">测试一下微酷博客公告滚动，感觉不错……</font><br />
</div></div>

<script>
//==================================================================================
// 目的：网站公告声明VC_Announce效果为：滚动一行停顿4秒,再滚动下一行
//==================================================================================
function ann_marquee(lh,speed,delay) {
 //lh为行高lineheight，speed为滚动速度，delay为延迟、停顿的时间
 var p=false;
 var t;
 var o=document.getElementById("vcoo_announce");
 o.innerHTML+=o.innerHTML;
 o.style.marginTop=0;
 o.onmouseover=function(){p=true;}
 o.onmouseout=function(){p=false;}
 
 function start(){
  t=setInterval(scrolling,speed);
  if(!p) o.style.marginTop=parseInt(o.style.marginTop)-1+"px";
 }
 
 function scrolling(){
  if(parseInt(o.style.marginTop)%lh!=0){
  o.style.marginTop=parseInt(o.style.marginTop)-1+"px";
  if(Math.abs(parseInt(o.style.marginTop))>=o.scrollHeight/2) o.style.marginTop=0;
  }else{
  clearInterval(t);
  setTimeout(start,delay);
  }
 }
 setTimeout(start,delay);
}
ann_marquee(28,10,4000);
</script>

为了方便，微酷把所有代码都放到了一个文件，前面是CSS样式，中间是公告内容，最后是脚本函数，可根据自己需要修改。

说明一下，滚动公告是从诺豆网那里扒过来移植到Z-BLog的，在此感谢CCTV和诺豆同学。

最后看下效果：