消息通知条插件Activebar2（如何调用jQuery插件学习第十三天）
Activebar2插件可以跨浏览器平台，其依附于HTML5和CSS3语法，基于jQuery框架而开发。该插件的功能是：在紧靠浏览器的最顶部，以消息栏提醒的方式通知用户自定义的内容。当网站有重要，紧急的事宜需要通知网友时，使用该插件是一个不错的选择。
Activebar2插件时基于jQuery框架编写的纯JavaScript代码。该插件仅有10KB，使用十分方便，只需要调用插件自带的active()方法，并在方法中设置显示的内容即可。
Activebar2插件的使用：
（1）插件文件：
Js-8-13/Activebar2.js
（2）下载地址：
http://westhoffswelt.de/projects/activebar2.html
（3）功能描述：
在页面中调用信息通知调插件Activebar2，页面加载完成时，在浏览器的最顶部显示自定义的网站"温馨提示"信息
（4）实现代码：
<script type="text/javascript" src="Jscript/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="Js-8-13/Activebar2.js"></script>
<style type="text/css">
body{font:13px/1.6 Georgia, serif;color:#333}
</style>
<script type="text/javascript">
$(function() {
//设置消息栏通知内容
var $strTip = '温馨提示：明天凌晨2:00~3:00服务器升级，届时所有页面将无法浏览。'
//在div元素中显示通知内容
$('<div></div>').html($strTip).activbar({
'font':'serif', //字体名
'url':'http//www.rttop.cn' //单击内容的URL
});
});
</script><div>
<h3>Activebar2插件的应用</h3>
<p>使用方法</p>
</div>（5）代码分析：
在这个示例的页面中，嵌入信息通知条的方式非常简单，首先在<head>元素中导入消息通知条插件，然后编写下列代码，就可以在浏览器的最顶部显示消息通知条：
$(function() {
//设置消息栏通知内容
var $strTip = '温馨提示：明天凌晨2:00~3:00服务器升级，届时所有页面将无法浏览。'
//在div元素中显示通知内容
$('<div></div>').html($strTip).activbar({
'font':'serif', //字体名
'url':'http//www.rttop.cn' //单击内容的URL
});
});在上述代码中，定义$strTip变量保存消息栏的内容，接下来使用$('<div></div>')代码向当前页插入一个新的<div>元素，并将变量$strTip的设置为该<div>元素的内容，同时用activebar()方法，将该<div>元素与消息通知条插件相绑定。在绑定的过程中设置对应的属性，如"font"属性，表示通知条内容的字体名称等，当用户单击通知条最右侧的"关闭"按钮时，将隐藏<div>元素，实现关闭消息通知条的效果。
在调用activebar()方法时，还提供了定制消息通知的一系列选项options，通过该选项对象，可以设置如前面所提及的通知条内容的"font"属性，除此之外，还有一些其他相关属性的设置如下表所示：
| 参数名称 | 功能描述 |
| background | 消息通知条所使用的背景颜色。 |
| border | 消息通知条所使用的1像素的边框背景色。 |
| highlight | 当鼠标移到消息通知条时，所显示的背景色。 |
| font | 消息通知条内容所使用的字体名称。 |
| fontColor | 消息通知条内容所使用的字体颜色。 |
| fontSize | 消息通知条内容所使用的字体大小。 |
| icon | 消息通知条内容左侧的信息图标URL。 |
| button | 消息通知条内容右侧的删除图标URL。 |
| url | 单击通知条内容时，所跳转的页面URL。 |