jQuery仿iOS7横幅通知提示插件banneralert.js

所属分类:UI-工具提示

 38919  372  查看评论 (8)
分享到微信朋友圈
X
jQuery仿iOS7横幅通知提示插件banneralert.js ie兼容7

用法:

1.在页面上引入jQuery和banneralert.js(或压缩版banneralert.min.js)文件,然后引入相关的CSS文件banneralert.css

  说明:banneralert.css可以根据需要进行编辑

2.运行以下代码即可:

$("body").showbanner(选项);
                        

选项说明:

$("body").showbanner({

选项名称默认值描述
title

横幅的标题。
icon
横幅的图标。(指定图片文件的路径)
content
横幅的内容。
handle
true是否显示把手,把手的作用:点击后直接消除横幅,忽略持续时间设置。
addClass

要附加到横幅元素上的class,可用于自定义样式等,多个class请用空格分隔。
sound

横幅弹出时播放的声音。(指定音频文件的路径)
position
top横幅的位置,包含top(顶部)和bottom(底部)两个可用的值。
html
false
是否把标题和内容作为HTML添加到横幅元素上。
show_duration
400横幅弹出动画的持续时间(单位:毫秒)。
show_easing
swing
横幅弹出动画的时间曲线,包含swing(缓动)和linear(匀速)两个可用的值。
duration
3000
横幅停留在页面上的时间(单位:毫秒)。
hide_duration
400横幅收回动画的持续时间(单位:毫秒)。
hide_easing
swing横幅收回动画的时间曲线,包含swing(缓动)和linear(匀速)两个可用的值。
onClick

点击横幅时执行的脚本。
onHide

横幅消失后执行的脚本。

});

更多示例请详见demo

相关插件-工具提示

仿win10侧边滑出提示框

一款模拟win10的消息提示框toastr
  工具提示
 28388  375

jq 提示插件

封装 jq 提示插件 Confirm ,兼容ie811chrome ff
  工具提示
 46986  407

一款腾讯UED设计的提示插件

一款腾讯UED设计的提示插件
  工具提示
 42524  435

jquery自动关闭消息通知插件izitoast.js

iziToast.js是一款跨浏览器响应式消息通知插件。该消息通知插件体积小,使用简单。消息显示时带CSS3动画效果,时尚大方。
  工具提示
 36505  449

讨论这个项目(8)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    史丹利复合田 0
    2016/12/15 15:12:27
    1007014448 0
    2015/9/10 14:09:41

    很棒哟;收藏了,赞一个

    回复
    D调 0
    2015/7/22 0:07:58
    D调 0
    2015/7/22 0:07:57
    D调 0
    2015/7/22 0:07:56
    一坨小灰灰 0
    2015/7/13 12:07:34
    hacker 0
    2015/6/30 22:03:00
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复