2011-09-03 61 views
-7

如何使用背景掩碼進行警報(掩碼是整頁)? (我不想使用插件的)由jquery提供背景遮罩。

說明:點擊按鈕或鏈接後,與背景面具警報。

演示一樣在這裏=>http://thrivingkings.com/apprise/

+2

有什麼不對你鏈接到該插件,爲什麼不利用呢? –

+0

@Pekka插件是大尺寸的,如果可以使用代碼更加簡單的話,可以到目標 –

+4

@Jennifer,這很荒謬。該插件是三千字節大。這實際上要儘可能地薄。我建議你使用它。 –

回答

2

您所定製的解決方案有很多選擇的演示。不使用任何插件或自定義腳本 - 您將無法自定義警報對話框。

非常,非常簡單的例子:

.alert { width:200px; height:80px; margin:-40px 0 0 -100px; position:absolute; left:50%; top:50%; background:red; text-align:center; } 

     $('#btnAlert').click(function() { 
      var $alertDiv = $('<div class="alert">This is the alert text.</div>'); 
      $('body').append($alertDiv); 
      $alertDiv.click(function() { 
       $(this).fadeOut(100); 
      }); 
      $alertDiv.fadeIn(100); 
     }); 
+0

它是高尺寸。請給我一個簡單的例子? –

+3

高大小?你提到的插件非常小,在縮小版本中只有3kb(可能如果你將通過自定義腳本實現 - 它會更大) – Samich

+0

請給我一個簡單的例子嗎? –