jquery弹出框

直接上效果:

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

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

jQuery Alert Dialogs

 

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

 

相关js:

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

https://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:

https://files.cnblogs.com/0banana0/jquery.alerts.css//样式
js代码:

    <script type="text/javascript">
        $(document).ready(function() {     
            $("#alert1").click(function() {
                jAlert('error', 'This is the error dialog box with some extra text.', 'Error Dialog');
            });
            $("#alert2").click(function() {
                jAlert('warning', 'This is the warning dialog along with some <u>html</u>.', 'Warning Dialog');
            });
            $("#alert3").click(function() {

                jAlert('success', 'This is the success dialog.', 'Success Dialog');

            });



            $("#alert4").click(function() {

                jAlert('info', 'This is the info dialog.', 'Info Dialog');
            });
            $("#confirm").click(function() {
                jConfirm('Can you confirm this?', 'Confirmation Dialog', function(r) {
                    jAlert('success', 'Confirmed: ' + r, 'Confirmation Results');
                });
            });

            $("#prompt").click(function() {
                jPrompt('Type something:', 'Prefilled value', 'Prompt Dialog', function(r) {
                    if (r) alert('You entered ' + r);
                });
            });
        });
    </script>

 

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