溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
前不久在官方網站是看見這個插件，所以今天趁有空就看了一下，隨便給大家共享一下。也許你早已知道了，如果是這樣那請跳過，不要拍磚。
這個Jquery插件的目的是替代JavaScript的標準函數alert()，confirm（），和 prompt（）。這個插件有
如下這些特點：
1：這個插件可以使你可以支持你自己的css制定。使你的網站看起來更專業。
2：允許你自定義對話框的標題。
3：在ＩＥ７中，可以使你避免使用JavaScript 的prompt（）函數帶來的頁面重新加載。
4：這些方法都模擬了Windows的模式對話框。在你改變改變瀏覽器窗口大小時候，它能夠自適應用戶
窗口的調整。
5：如果你引入了jQuery UI Draggable plugin插件，那這個插件也可以被自由拖動。
先在這里說插件的下載地址，以供有需之人下載:http://labs.abeautifulsite.net/projects/js/jquery/alerts/jquery.alerts-1.1.zip
<script src="/path/to/jquery.js" type="text/javascript"></script>
<script src="/path/to/jquery.ui.draggable.js" type="text/javascript"></script>
<script src="/path/to/jquery.alerts.js" type="text/javascript"></script>
<link href="/path/to/jquery.alerts.css" rel="stylesheet" type="text/css" media="screen" />
為了在iE中正確的使用alert插件，你還得在Page中加入何時DTD：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
我們可以用下列方式來使用這個Jquery插件。
注：不同于Javascript標準函數，我們可以在message中使用HTML參數顯示你的提示信息。
alert插件要求我們必須使用JQuery1.2.6或以上的jQuery包。
已經被測試能夠在IE6、IE7、FF2、FF3、Safari 3 、Chrome 、Opera 9瀏覽器上很好的運行。
注:在Demo中么有引入dragonable插件所以不能拖拽
- Test Alert
- jAlert('This is a custom alert box;<br/>
- <a href=\"http://www.cnblogs.com/whitewolf/\">
- 本示例來自破浪博客</a>',
- 'Alert Dialog');
- Test Confirm
- jConfirm('Can you confirm this?<br/>
- <a href=\"http://www.cnblogs.com/whitewolf/\">
- 本示例來自破浪博客</a>',
- 'Confirmation Dialog', function(r) {
- jAlert('Confirmed: ' + r, 'Confirmation Results');
- });
- Test Prompt
- jPrompt('Type something:<br/><
- a href=\"http://www.cnblogs.com/whitewolf/\">
- 本示例來自破浪博客</a>',
- 'WhiteWolf', 'Prompt Dialog', function(r) {
- if( r ) alert('You entered ' + r);
- });
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
