Jquery Tips插件


自定义

运行

$.tips({
    text: "Hey there fellas, here is a simple tips. Change the options above and then see the code that generates that tips", // 文本
    heading: 'How to use', // 标题
    icon: '', // 图标
    showHideTransition: 'fade', // 过渡    fade, slide , plain
    allowTipsClose: true, // 允许Tips关闭     true , false
    hideAfter: 3000, // false 隐藏时间(ms)
    stack: 5, // false 提示数量
    position: 'bottom-left', // bottom-left or bottom-right or bottom-center or top-left or top-right or top-center or mid-center or an object representing the left, right, top, bottom values
    position: { left : 20, right : 20, top : 20, bottom : 20 }, // bottom-left or bottom-right or bottom-center or top-left or top-right or top-center or mid-center or an object representing the left, right, top, bottom values
    
    
    textAlign: 'left',  // 文本对齐
    loader: true,  // 显示进度条    true , false
    loaderBg: '#9EC600',  // 进度条颜色
    beforeShow: function () {}, // Tips显示前的伴随事件
    afterShown: function () {}, // Tips显示后的伴随事件
    beforeHide: function () {}, // 提示隐藏之前触发
    afterHidden: function () {}  // 提示隐藏之后触发
});