activebar的用法
效果图：
网站页面上弹出消息提示狂，用来提示重大事件。
<script src="http://www.ijquery.cn/js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="/static/media/js/activebar2.js"></script>
//设置消息条通知内容
var $strTip = '欢迎您加入中国失智老人网！';
//在div元素中显示通知内容
$('<div></div>').html($strTip).activebar({
'background': 'yellow',//背景色
'border': 'black',//1像素的边框背景色
'font': 'serif', //字体名
'fontColor':'red',//字体颜色
'fontSize':'20px',//字体大小
'icon': 'url(/static/media/images/pagination.png)',//通知栏左侧信息图标
'button':'url(/static/media/images/pagination.png)',//通知栏右侧删除图标
'url': 'http://www.weather.com.cn/', //点击内容跳转的URL
'highlight': 'blue'//鼠标移到消息栏，显示的背景色
});
完整demo:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>消息通知条插件</title>
<link rel="stylesheet" href="http://www.ijquery.cn/css/css.css" />
<!-- start -->
<script src="http://www.ijquery.cn/js/jquery-1.7.2.min.js"></script>
<script src="js/activebar2.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
//设置消息条通知内容
var $strTip = '温馨提示：明天有大雨，请大家出行时携带好雨具！';
//在div元素中显示通知内容
$('<div></div>').html($strTip).activebar({
'font': 'serif', //字体名
'url': 'http://www.weather.com.cn/', //点击内容的URL
'highlight': 'Highlight',
});
});
</script>
<!-- end -->
</head>
<body>
<div id="header">
<h1>第94款插件：activebar2.js消息通知条插件</h1>
</div>
<div id="container">
<center>
</center>
</div>
</body>
</html>
注意事项：
不兼容jquery最新1.11.版本。
activebar的用法的更多相关文章
- EditText 基本用法
title: EditText 基本用法 tags: EditText,编辑框,输入框 --- EditText介绍: EditText 在开发中也是经常用到的控件,也是一个比较必要的组件,可以说它是 ...
- jquery插件的用法之cookie 插件
一．使用cookie 插件 插件官方网站下载地址:http://plugins.jquery.com/cookie/ cookie 插件的用法比较简单,直接粘贴下面代码示例: //生成一个cookie ...
- Java中的Socket的用法
Java中的Socket的用法 Java中的Socket分为普通的Socket和NioSocket. 普通Socket的用法 Java中的 ...
- [转载]C#中MessageBox.Show用法以及VB.NET中MsgBox用法
一.C#中MessageBox.Show用法 MessageBox.Show (String) 显示具有指定文本的消息框. 由 .NET Compact Framework 支持. MessageBo ...
- python enumerate 用法
A new built-in function, enumerate() , will make certain loops a bit clearer. enumerate(thing) , whe ...
- [转载]Jquery中$.get(),$.post(),$.ajax(),$.getJSON()的用法总结
本文对Jquery中$.get(),$.post(),$.ajax(),$.getJSON()的用法进行了详细的总结,需要的朋友可以参考下,希望对大家有所帮助. 详细解读Jquery各Ajax函数: ...
- 【JavaScript】innerHTML、innerText和outerHTML的用法区别
用法: <div id="test"> <span style="color:red">test1</span> tes ...
- chattr用法
[root@localhost tmp]# umask 0022 一.chattr用法 1.创建空文件attrtest,然后删除,提示无法删除,因为有隐藏文件 [root@localhost tmp] ...
- 萌新笔记——vim命令“=”、“d”、“y”的用法（结合光标移动命令，一些场合会非常方便）
vim有许多命令,网上搜有一堆贴子.文章列举出各种功能的命令. 对于"="."d"."y",我在无意中发现了它们所具有的相同的一些用法,先举 ...
随机推荐
- LintCode-乘积最大子序列
题目描述: 找出一个序列中乘积最大的连续子序列(至少包含一个数). 样例: 比如, 序列 [2,3,-2,4] 中乘积最大的子序列为 [2,3] ,其乘积为6. 第一种解法,同最大和子序列的暴力求解法 ...
- Protel99se轻松入门：一些高级设置和常用技巧
给PCB补泪滴的具体操作 这里我们可以知道给PCB做覆铜是多么的简单 在PCB中如何找到我们要找的封装 在PCB中如何打印出中空的焊盘(这个功能对于热转印制板比较有用) 如何在PCB文件中加上漂亮的汉 ...
- Delphi中使用TXMLDocument控件应注意的问题
今天写了一个类,其中用到了TXMLDocument控件.这个控件我是要动态生成的. 但是却遇到了非常奇怪的问题,下面分享一下 procedure TMainForm.Button1Click(Send ...
- 文件的哈希值不在指定的目录文件中。此文件可能已损坏或被篡（Windows10 /Windows8.1）
------------------------------------------Windows10------------------------------------------------ ...
- [置顶] Android资源文件分析
1)修改开机默认壁纸 Android开机默认资源文件为:frameworks/base/core/res/res/values/config.xml 我们找到wallpaper行: <strin ...
- 深入了解Nginx之Nginx与Python（1）
6 Python和Nginx 6.1 简介FastCGI FastCGI(Fast Common Gateway Interface)是基于CGI上的改进,是CGI的一种演变产物.虽然目的是保持同样的 ...
- PHP面试题汇总参考
PHP面试题汇总 这是一份比较全面的PHP面试题.对准备去新公司应聘PHP职位的开发者应该有帮助.或者说,对招聘PHP开发人员的企业也有些帮助,不过就不要原样打印出来考了,稍微改一改. 简述题(50分 ...
- windows cmd: 打开windows系统程序或服务的常见命令
Windows常用CMD命令 http://www.cnblogs.com/sbaicl/archive/2013/03/05/2944001.html 其实查找Windows自带程序的命令行很简单, ...
- python之高阶函数编程
在这篇文章中我指出两点: 第一:系统函数可以被覆盖 比如: a=abs(-10) print a 10 但是,如果把函数本身赋值给变量呢? f = abs f <built-in functio ...
- Python之路：迭代器和yield生成器
一.迭代器 对于Python 列表的 for 循环,他的内部原理:查看下一个元素是否存在,如果存在,则取出,如果不存在,则报异常 StopIteration.(python内部对异常已处理) 使用迭代 ...