12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455 |
- !
- function () {
- function t(t, o) {
- return t.replace(/#\{([\s\S]+?)\}/g, function (t, i) {
- return o[i]
- })
- }
- var o = {
- topright: ["flipInX", "flipOutX"],
- lowerleft: ["fadeInUp", "fadeOutLeft"],
- lowerright: ["tada", "zoomOut"]
- },
- i = function (t) {
- t = $.extend({}, t);
- var o = $(".jquery-message-" + t.position),
- i = this.appendBox(t),
- e = i.outerHeight();
- this.bindClose(i, t), this.move(o, e, t)
- };
- i.prototype.move = function (t, o, i) {
- function e(t, i) {
- var e = t.position().top,
- n = o + 10;
- n = "topright" === i.position ? n : -n, t.stop(!0).animate({
- top: e + n
- }, 200)
- }
- var n = this;
- t.each(function () {
- var t = $(this);
- "lowerright" === i.position ? n.close(t, i) : e(t, i)
- })
- }, i.prototype.appendBox = function (t) {
- var o = $(this.creatBox(t)).appendTo("body");
- return "lowerleft" === t.position && o.css("top", $(window).height() - o.outerHeight() - 20), o
- }, i.prototype.creatBox = function (i) {
- i.inClass = o[i.position][0], i.fix = "jquery-message";
- var e = '<div class="#{fix} #{fix}-#{position}"><div class="animated #{fix}-box #{fix}-#{color} #{inClass}">';
- return e += i.title ? '<div class="#{fix}-h2">#{title}</div>' : "", e += i.content ? '<div class="#{fix}-nav">#{content}</div>' : "", e += "<div></div>", t(e, i)
- }, i.prototype.bindClose = function (t, o) {
- var i = this;
- setTimeout(function () {
- i.close(t, o)
- }, 3e3)
- }, i.prototype.close = function (t, i) {
- t.find(".jquery-message-box").addClass(o[i.position][1]), setTimeout(function () {
- t.remove()
- }, 6e3)
- },
- $.extend({
- message: function (t) {
- return new i(t)
- }
- })
- }();
|