广

JavaScript

  • IOS开发
  • android开发
  • PHP编程
  • JavaScript
  • ASP.NET
  • ASP编程
  • JSP编程
  • Java编程
  • 易语言
  • Ruby编程
  • Perl编程
  • AJAX
  • 正则表达式
  • C语言
  • 编程开发

    jNotify操作结果信息提示条

    2018-04-13 09:16:41 次阅读 稿源:互联网
    零七广告

    我们在提交表单后,通过Ajax响应后台返回结果,并在前台显示返回信息,jNotify能非常优雅的显示操作结果信息。jNotify是一款基于jQuery的信息提示插件,它支持操作成功、操作失败和操作提醒三种信息提示方式。

  • 浏览器兼容。<script type="text/javascript" src="js/jquery.js"></script><script type="text/javascript" src="js/jNotify.jquery.js"></script><link rel="stylesheet" type="text/css" href="css/jNotify.jquery.css" />$(function(){ $(element).click(function(){ jSuccess(message,{option}); }); });

    jNotify提供以下可配置的参数:autoHide : true, // 是否自动隐藏提示条clickOverlay : false, // 是否单击遮罩层才关闭提示条MinWidth : 200, // 最小宽度TimeShown : 1500, // 显示时间:毫秒ShowTimeEffect : 200, // 显示到页面上所需时间:毫秒HideTimeEffect : 200, // 从页面上消失所需时间:毫秒LongTrip : 15, // 当提示条显示和隐藏时的位移HorizontalPosition : "right", // 水平位置:left, center, rightVerticalPosition : "bottom", // 垂直位置:top, center, bottomShowOverlay : true, // 是否显示遮罩层ColorOverlay : "#000", // 设置遮罩层的颜色OpacityOverlay : 0.3, // 设置遮罩层的透明度

    此外jNotify还提供了两个方法操作onClosed和onCompleted,使用方法可参照

    您还可以修改CSS样式来呈现提示信息条的外观。

  • 零七网部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与零七网进行文章共享合作。

    零七广告
    零七广告
    零七广告
    零七广告