JQuery 对话框插件 MagicDialog 发布!

9年前
MagicDialog 发布!方便扩展和样式自定义。详细内容请访问 http://www.boarsoft.com


<script type="text/javascript">  $(function(){  $('.dlgDemoBtn').click(function(){   var el = $(this), act = el.attr('action');   switch(act){    case 'basic':     $('<div></div>').mac('dialog',{      title: 'Hello!',      model: true,      autoOpen: true,      width: 200,      draggable: true,      el: '<p>Hello world!</p><p>I\'m MagicDialog!</p>'     });     break;    case 'extended':     mac.opendlg({      title: 'Hello!',      message: 'Press {0} can close me.',      params: ['<b>ESC/Enter</b>'],      buttons: [{       text: 'OK',       click: function(d){        d.close();       }      }]     });     break;    case 'wait':      var h = mac.wait('Count 3 sec to close.');     window.setTimeout(function(){      h.close();     }, 3000);     break;    case 'alert':      mac.alert('Hello!');     break;    case 'confirm':      mac.confirm('<p>Are you sure?</p>', function(){      alert('You clicked yes!');     }, null);     break;    case 'customize':      mac.confirm('<p>Are you sure?</p>', null, null, [{      text: 'Close',      click: function(d){       d.close();      }     },{      text: 'Yes, I\'m sure?',      click: function(d){       d.close();      }     }]);     break;   }  });  });  </script>  <button class="dlgDemoBtn" action="basic">Basic</button>  <button class="dlgDemoBtn" action="extended">Extended</button>  <button class="dlgDemoBtn" action="wait">Spinner</button>  <button class="dlgDemoBtn" action="alert">Alert</button>  <button class="dlgDemoBtn" action="confirm">Confirm</button>  <button class="dlgDemoBtn" action="customize">Customize</button>