设置密码
验证码错误,请重新填写
免费建站旅程马上开始
已有帐号?直接登录
首先到ZBLOG安装目录下,打开THEMESdefaultINCLUDE目录,在里面创建ANNOUNCE.html文件,并加上下面的代码:
<style>
#vcoo_anno{background:url("IMAGE/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">
<a href="http://127.0.0.1/blog/post/1.html" target="_blank"><font color="red">欢迎光临站长之家博客!</font></a><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>
<div id="vcoo_announce"></div>这个块之间可以添加多条博客的公告,多条公告会滚动显示。
下载下面的公告小图片,放到IMAGE目录下:
打开THEMESdefaultTEMPLATE目录下的default.html文件,找到
<#template:article-multi#>
在它上面加上代码:
<#TEMPLATE_INCLUDE_ANNOUNCE#>
到此,我们就可以看到博客首页显示公告的功能了,公告更新需要手动修改ANNOUNCE.html文件添加。
小编提示:小编用的z-blog是utf8版本的,如果您的博客也是utf8版本的,那别忘了把ANNOUNCE.html文件的编码转换为utf8哦,不然会显示乱码。转换的方法可以下载工具或者直接用记事本转换。如果还是显示乱码,请尝试到后台点“文件重建”。
相关阅读