直接上效果:
要是没效果呢,就刷新一下 加载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代码:
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
