前不久在官方網(wǎng)站是看見這個插件，所以今天趁有空就看了一下，隨便給大家共享一下。也許你早已知道了，如果是這樣那請?zhí)^，不要拍磚。

創(chuàng)新互聯(lián)建站是一家業(yè)務(wù)范圍包括IDC托管業(yè)務(wù),虛擬主機、主機租用、主機托管，四川、重慶、廣東電信服務(wù)器租用,四川綿陽服務(wù)器托管，成都網(wǎng)通服務(wù)器托管,成都服務(wù)器租用,業(yè)務(wù)范圍遍及中國大陸、港澳臺以及歐美等多個國家及地區(qū)的互聯(lián)網(wǎng)數(shù)據(jù)服務(wù)公司。

    這個Jquery插件的目的是替代JavaScript的標準函數(shù)alert()，confirm（），和 prompt（）。這個插件有

如下這些特點：

  1：這個插件可以使你可以支持你自己的css制定。使你的網(wǎng)站看起來更專業(yè)。

   2：允許你自定義對話框的標題。

  3：在ＩＥ７中，可以使你避免使用JavaScript 的prompt（）函數(shù)帶來的頁面重新加載。

   4：這些方法都模擬了Windows的模式對話框。在你改變改變?yōu)g覽器窗口大小時候，它能夠自適應(yīng)用戶

窗口的調(diào)整。

   5：如果你引入了jQuery UI Draggable plugin插件，那這個插件也可以被自由拖動。

先在這里說插件的下載地址，以供有需之人下載:http://labs.abeautifulsite.net/projects/js/jquery/alerts/jquery.alerts-1.1.zip

一：首先在導(dǎo)入JQuery,jquery.ui.draggable

和jquery.alerts的 css、js文件。

<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：

二：使用

我們可以用下列方式來使用這個Jquery插件。

• jAlert(message, [title, callback])
• jConfirm(message, [title, callback])
• jPrompt(message, [value, title, callback])

  注：不同于Javascript標準函數(shù)，我們可以在message中使用HTML參數(shù)顯示你的提示信息。

  三：兼容性：

  alert插件要求我們必須使用JQuery1.2.6或以上的jQuery包。

  已經(jīng)被測試能夠在IE6、IE7、FF2、FF3、Safari 3 、Chrome 、Opera 9瀏覽器上很好的運行。

  四：Demo：

注:在Demo中么有引入dragonable插件所以不能拖拽

Test Alert  
jAlert('This is a custom alert box;
  
  
本示例來自破浪博客',  
'Alert Dialog'); 

Test Confirm  
jConfirm('Can you confirm this?
  
  
本示例來自破浪博客',  
'Confirmation Dialog', function(r) {  
jAlert('Confirmed: ' + r, 'Confirmation Results');  
}); 

Test Prompt  
jPrompt('Type something:
<  
a href=\"http://www.cnblogs.com/whitewolf/\">  
本示例來自破浪博客',  
'WhiteWolf', 'Prompt Dialog', function(r) {  
if( r ) alert('You entered ' + r);  
});