所属分类:网页特效-悬浮层/弹出层
#downmsg_emessage{POSITION: fixed;_position:absolute; z-index:100; bottom:0;right:0; background:url(down_msg_bg.gif) no-repeat left top;width:225px;DISPLAY: block}
#donwmsg_head{float:left; display:inline; font-size:12px;color:#FFFFFF;margin-left: 26px;margin-top: 6px;}
#downmsgBar .close{float:right;width:11px;height:11px;margin-top:6px;display:block;margin-right:5px;}
#downmsgBar{height:25px;}
#donwmsg_content{height:162px;overflow:hidden;DISPLAY: block; HEIGHT: 162px}
#donwmsg_content ul{font-size:12px;color:#007cc1; top: 0px;padding:0px 2px 0 6px;left: 6px;line-height:180%; height:110px; overflow:hidden;}
#donwmsg_content ul li{background:url(down_msg_bg.gif) no-repeat -100px -245px;text-indent:13px; float:left; margin:0px 8px;list-style: none;}
#donwmsg_content ul li a{color:#007cc1;}
#donwmsg_content ul .ll a{color:#a10000;font-weight:bold;}
#donwmsg_content p{position:absolute;top: 145px; text-align:center; right:20px;}
#donwmsg_content .lb{padding:0px; text-align:center;}
#donwmsg_content .lb a{font-size:12px;color:Blue}
a.msg-hidden-btn-2{width:11px; height:11px;overflow:hidden;float:right;display:block;margin-right:5px;margin-top:6px;background:url(down_msg_bg.gif) no-repeat -0px -250px;}
a.msg-hidden-btn-1{ width:11px; height:11px;overflow:hidden;float:right;display:block;margin-right:5px;margin-top:6px;background:url(down_msg_bg.gif) no-repeat -50px -250px;}
<script src="msg.js" type="text/javascript"></script>
<div id="downmsg_emessage">
<div id="downmsgBar">
<div id="donwmsg_head">通知/提醒</div><a class="close" href="javascript:closeDiv()"></a><a class="msg-hidden-btn-1" id="msg_hidden_btn" href="javascript:showHideDiv()"> </a></div>
<div id="donwmsg_content">
<ul>
<li><a href="http://www.sucainiu.com/" target="_blank">首页</a></li>
<li><a href="http://www.sucainiu.com/jquery.html" target="_blank">jQuery特效</a></li>
<li><a href="http://www.sucainiu.com/source.html" target="_blank">源码分享</a></li>
<li><a href="http://www.sucainiu.com/php.html" target="_blank">PHP/MySql</a></li>
<li><a href="http://www.sucainiu.com/templates.html" target="_blank">前端模版</a></li>
<li><a href="http://www.sucainiu.com/tools.html" target="_blank">在线工具箱</a></li>
</ul>
<p><span class="lb"><a href="http://www.sucainiu.com/">查看更多</a></span></p>
</div>
</div>