jQuery顶部通知提示插件-overhang.js

 Array   高蒙   阅读(1332)   评论(0)   2016-12-14 14:48:22    overhang.js 通知 提示 插件 jQuery插件 


简介

overhang.js 是一款基于 jQuery 和 jQuery UI 的用于显示通知、确认、提示的插件,它以动画的方式从顶部滑出。overhang.js 提供了众多参数,你可以自定义通知的样式,回调函数也能够满足你的更多需求。

使用方法

1、引入文件

<link rel="stylesheet" href="css/overhang.min.css">
<script src="js/jquery.min.js"></script>
<script src="js/jquery-ui.min.js"></script>
<script src="js/overhang.min.js"></script>

2、HTML

<a href="javascript:" class="btn1">点我</a>

3、JavaScript

$('.btn1').on('click', function() {
	$('body').overhang({});
});

配置

名称类型默认值说明
type字符串success通知的类型,可选 success / error / warn / info / prompt / confirm
textColor字符串#FFFFFF文本颜色
message字符串This is an overhang.js message!通知的内容
duration整数/浮点数1.5通知显示的时长
speed整数500动画时间
closeConfirm布尔值false显示关闭按钮
upper布尔值false英文字母大写
easing字符串easeOutBouncejQuery UI 的动画方式
html布尔值false
yesMessage字符串Yes“确定”按钮的文本
noMessage字符串No“取消”按钮的文本
yesColor字符串#2ECC71“确定”按钮的背景颜色
noColor字符串#E74C3C“取消”按钮的背景颜色
callback函数回调函数

当 type 为 prompt 或 confirm 时,你可以获得对应的数据,如:

alert($("target-element").data("overhangPrompt"));

alert($("target-element").data("overhangConfirm"));



相关文章



我要评论


站长昵称:(*)

输入内容:


评论列表


高蒙

男,程序猿一枚

 

人生要是没有理想, 那跟一条咸鱼有什么分别。


关于我

  http://www.shuchengxian.com

高蒙个人博客是以PHP技术为主的程序员个人博客。博客主要发布php开发中遇到的问题以及解决办法,同时个人博客也分享网站模板素材,jquery插件等方面素材。


站点声明:相关侵权、举报、投诉及建议等,请发E-mail:936594075#qq.com(#替换成@)。

Copyright © 2018, www.shuchengxian.com, All rights reserved. 个人博客皖公网安备 34152302000022号 皖ICP备15015490号

关键词:个人博客,PHP博客,PHP博客程序,高蒙博客,高蒙个人博客,php程序员博客,程序员个人博客