插件Toastr
jquery toastr 一款轻量级的通知提示框插件。
插件包地址:http://codeseven.github.io/toastr
demo地址:http://codeseven.github.io/toastr/demo.html
Toastr使用
注意:导入toastr.min.js文件必须要先导入jQuery原生文件
引入核心文件
toastr.min.css
toastr.min.js
调用代码
//配置toastr.options = { closeButton: false, //是否显示关闭按钮 debug: false, //是否使用debug模式 progressBar: false, positionClass: "toast-top-center", //弹出窗的位置 onclick: null, showDuration: "300", //显示的动画时间 hideDuration: "1000", //消失的动画时间 timeOut: "2000", //展现时间 extendedTimeOut: "1000", //加长展示时间 showEasing: "swing", //显示时的动画缓冲方式 hideEasing: "linear", //消失时的动画缓冲方式 showMethod: "fadeIn", //显示时的动画方式 hideMethod: "fadeOut" //消失时的动画方式};//调用toastr.success("操作成功");toastr.error("操作失败");toastr.info("info");toastr.warning("warning);
positionClass参数值
toast-top-left 顶端左边
toast-top-right 顶端右边
toast-top-center 顶端中间
toast-top-full-width 顶端中间(宽度铺满)
toast-bottom-right 底部右边
toast-bottom-left 底部左边
toast-bottom-center 底部中间
toast-bottom-full-width 底部中间(宽度铺满)
希望以上内容对你有所帮助!如果还有其他问题,请随时提问。 各类知识收集 拥有多年CMS企业建站经验,对 iCMS, Fastadmin, ClassCMS, LeCMS, PbootCMS, PHPCMS, 易优CMS, YzmCMS, 讯睿CMS, 极致CMS, Wordpress, HkCMS, YznCMS, WellCMS, ThinkCMF, 等各类cms的相互转化,程序开发,网站制作,bug修复,程序杀毒,插件定制都可以提供最佳解决方案。