jquery选择器_基于jQuery的jBar消息提醒插件使用例子

更新时间:2020-03-30    来源:jquery    手机版     字体:

【www.bbyears.com--jquery】

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

使用方法

1、引入插件文件和jQuery库


<script src="jquery-1.3.2.js" type="text/javascript"></script>
<script src="jquery.bar.js" type="text/javascript"></script>
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

本文来源:http://www.bbyears.com/wangyezhizuo/90675.html

热门标签

更多>>

本类排行