jquery弹出框

转自：http://www.cnblogs.com/0banana0/archive/2011/09/24/2189385.html

直接上效果:

要是没效果呢,就刷新一下 加载google 的jquery库

-----------------------------------------------------------------------------

jQuery Alert Dialogs

     

-----------------------------------------------------------------------------

相关js:

http://files.cnblogs.com/0banana0/jquery.ui.draggable.js//可移动

http://files.cnblogs.com/0banana0/jquery.alerts.js//重要

<script type=”text/javascript” src=”http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js”></script>  google

的jquery库

相关css:

http://files.cnblogs.com/0banana0/jquery.alerts.css//样式

js代码:

 1     <script type="text/javascript">
 2         $(document).ready(function() {     
 3             $("#alert1").click(function() {
 4                 jAlert('error', 'This is the error dialog box with some extra text.', 'Error Dialog');
 5             });
 6             $("#alert2").click(function() {
 7                 jAlert('warning', 'This is the warning dialog along with some <u>html</u>.', 'Warning Dialog');
 8             });
 9             $("#alert3").click(function() {
10 
11                 jAlert('success', 'This is the success dialog.', 'Success Dialog');
12 
13             });
14 
15 
16 
17             $("#alert4").click(function() {
18 
19                 jAlert('info', 'This is the info dialog.', 'Info Dialog');
20             });
21             $("#confirm").click(function() {
22                 jConfirm('Can you confirm this?', 'Confirmation Dialog', function(r) {
23                     jAlert('success', 'Confirmed: ' + r, 'Confirmation Results');
24                 });
25             });
26 
27             $("#prompt").click(function() {
28                 jPrompt('Type something:', 'Prefilled value', 'Prompt Dialog', function(r) {
29                     if (r) alert('You entered ' + r);
30                 });
31             });
32         });
33     </script>

参考:http://beckelman.net/demos/jQueryAlertDialogs/Default.aspx