atr其它效果.doc

实验 这里是一些实验性的扩展，或许它们哪天消失也说不定。要注意：它们并没有整合在artDialog主文件里面。 摇头效果 类似与wordpress登录失败后登录框可爱的左右晃动效果 // 2011-07-17 更新 artDialog.fn.shake = function (){ var style = this.DOM.wrap[0].style, p = [4, 8, 4, 0, -4, -8, -4, 0], fx = function () { style.marginLeft = p.shift() + px; if (p.length = 0) { style.marginLeft = 0; clearInterval(timerId); }; }; p = p.concat(p.concat(p)); timerId = setInterval(fx, 13); return this; }; 调用示例： var dialog = art.dialog({ content: p己所不欲下一句是？/p + input id=demo-labs-input style=width:15em; padding:4px /, fixed: true, id: Fm7, icon: question, okVal: 回答, ok: function () { var input = document.getElementById(demo-labs-input); if (input.value !== \u52ff\u65bd\u4e8e\u4eba) { this.shake this.shake();// 调用抖动接口 input.select(); input.focus(); return false; } else { art.dialog({ content: 恭喜你，回答正确！, icon: succeed, fixed: true, lock: true, time: 1.5 }); }; }, cancel: true }); dialog.shake dialog.shake();// 调用抖动接口 运行? 右下角滑动通知 artDialog.notice = function (options) { var opt = options || {}, api, aConfig, hide, wrap, top, duration = 800; var config = { id: Notice, left: 100%, top: 100%, fixed: true, drag: false, resize: false, follow: null, lock: false, init: function(here){ api = this; aConfig = api.config; wrap = api.DOM.wrap; top = parseInt(wrap[0].style.top); hide = top + wrap[0].offsetHeight; wrap.css(top, hide + px) .animate({top: top + px}, duration, function () { opt.init opt.init.call(api, here