后台更新带关闭功能悬浮网页底部公告栏

摘要

先声明:这里没什么我的东西,代码是论坛上qiuyili发布的。只不过看了他的代码后,我觉得要是公告在后台更新就好了,所以稍微做了一下改进,没任何技术含量。1、把以下代码加到相应模板中<div id="gg"><div class="close"><a href="jav

先声明:这里没什么我的东西,代码是论坛上qiuyili发布的。只不过看了他的代码后,我觉得要是公告在后台更新就好了,所以稍微做了一下改进,没任何技术含量。
效果预览:
 
1、把以下代码加到相应模板中
<div id="gg"><div class="close"><a href="javascript:void(0)" onclick="$('#gg').slideUp('slow');" title="关闭">关闭×</a></div>
<div class="bulletin">
<ul>
<#CACHE_INCLUDE_MISC#>   (该代码是后台链接管理处的图标汇集,使用其他的亦可)
</ul>
</div></div>
2、以下代码加到模板css中 
/** 公告 **/ 
#gg{   
    position: fixed;   
    bottom: 0;   
    background:#000;   
    width: 100%;   
    height:23px;   
    line-height:23px;   
    z-index: 9999;   
    opacity: .60;   
    filter: alpha(opacity=60);   
    _bottom:auto;   
    _width: 100%;   
    _position: absolute;   
    _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));   
    }  
#gg a{   
    color: #fff;   
    font-size: 13px;   
    letter-spacing:2px;   
    }   
.close a {   
    float:right;   
    margin:0 10px 0 0;   
    padding:0 10px 0 10px;   
    }   
.bulletin {   
    float:left;   
    height:23px;   
    color: #fff;   
    margin:0 0 0 20px;   
    background:url(images/bulletin.gif) no-repeat;   
    min-height:23px;   
    overflow:hidden;   
    }   
.bulletin li{   
    height:23px;   
    padding-left:25px;   
    } 

3、完工。

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

目前评论:4   其中:访客  4   博主  0

  1. avatar qiuyili 0

    查seo收录结果跑到你这里来了哈。顶一下。

  2. avatar 婴儿游泳池哪种好 5

    看看,暂时用不到。

  3. avatar 鞋子 0

    难度大 看不懂 学习了

  4. avatar huangjun 5

    五一节快乐!!