Silentash-默尘

项目中用到的一个模态对话框效果，样式可以通过独立的 CSS 控制，可以在不同浏览器下统一表现，这种弹窗效果应该是非常常见的，技术上也没什么难度，我就是又把 YUI 的方法用原生方法重写了一遍，算是一个独立版本吧，在这里做个记录，分享下，以后可以在其他场合用到。

实例：Javascript 模态对话框

资源引用：

    <script src="syspopup.js" type="text/javascript"></script>
    <link rel="stylesheet" type="text/css" href="syspopup.css" />


javascript：

    TOOLS.widget.SimpleSysPopup.decorate('J_MyBox').show();


DEMO：默认弹出

  (function(){
    var U = TOOLS.util,Popup = TOOLS.widget.SimpleSysPopup.decorate('J_SysPopup');
    U.addEvent('J_MyPopup','click',function(e){
      U.stopPropagation(e);
      U.preventDefault(e);
      Popup.show({
        width:'200',
        tip:'帅哥/靓妹，给我点钱花花吧？',
        title:'皇帝诏曰',
        onConfirm:function(){
          alert('你确定了，真是好人啊');
        },
        onCancel:function(){
          alert('抠门啊');
        }
      });
    })
  })()


DEMO：事件触发弹出

Show参数说明：

  @width 窗口宽度，默认390px,
  @height 窗口高度，默认自适应
  @tip 窗口内容，默认'Hello world'
  @confirmText 按钮1的文字，默认'确认'
  @cancelText 按钮2的文字，默认'取消'
  @title 窗口标题，默认'系统提示'
  @type 窗口类型，attention\tips\error
  @single 是否只显示一个按钮，默认 false
  @onConfirm 供按钮1调用的方法 默认空函数
  onCancel 供按钮1调用的方法 默认空函数


实例：http://www.silentash.com/uploads/200909/popup.html