一聚教程网:一个值得你收藏的教程网站

热门教程

基于jQuery的jBar消息提醒插件使用例子

时间:2022-06-25 17:32:47 编辑:袖梨 来源:一聚教程网

jBar是一个简单的jQuery插件,允许你在你的网站上弹出提示消息层,没有过多的动画效果和特效,比较实用的消息提示插件,可以支持自定义消息的颜色和显示效果以及位置。

使用方法

1、引入插件文件和jQuery库

css" href="css/style.css" media="screen"/>


2、通过一个jQuery选择器触发提示效果

$("#msgup").bar({
    color            : '#1E90FF',
    background_color : '#FFFFFF',
    removebutton     : false,
    message          : 'Your profile customization has been saved!',
    time             : 4000
});
可选参数

你可以定义以下属性:

color: Color of the notification message
background_color: Background color of the notification bar
position: The values “top” and “bottom” define the position of the bar
removebutton: Boolean defining if there should be a closing cross
message: Your customized message
time: Time in milliseconds for notification to disappear

热门栏目