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>
1 楼
游其是你
2012-06-13
把官网的照抄下来有意思吗?有本事你运行起来看看!