スタックオーバーフローをブラウズしていたので、私は改造機に何かをフラグしなければなりませんでした。
そうしている間、私は素晴らしいデザインのポップアップを見ました。私は恥知らずにそれを移植しました。 :)モーダルのようなスタックオーバーフローフラグを実装する
今、私はそれに関連したモーダルを持っていると思います。私は包括的なソリューションを持っていたいと思います。
私の質問は以下のとおりです。
また、このためにSOが使用しているプラグインは表示されませんでした。彼らは彼ら自身のポップアップを実装しましたか？
更新：
私は本当に非表示に爆発を実装したいとjQueryUIダイアログを使用したいと思います。
hide: "explode"
jQuery BlockUIで行いましたか？任意のより良い実装が歓迎されている
<html>
<head>
<title>Popup Test</title>
<style type="text/css">
div{
border: none !important;
}
.popup {
-moz-box-shadow: 2px 2px 5px black;
background-color: #FFFFFF;
border: 10px solid #AE0000 !important;
display: none;
padding: 15px;
position: absolute;
z-index: 1;
}
.popup-close {
position: absolute;
}
.popup-close a {
-moz-border-radius: 25px 25px 25px 25px;
-moz-box-shadow: 2px 2px 5px #666666;
background-color: #000000;
color: #FFFFFF;
font-size: 30px;
font-weight: bold;
left: -34px;
padding: 0 7px;
position: relative;
top: -35px;
}
a.popup-actions-cancel {
color:Blue;
}
a:hover.popup-actions-cancel {
text-decoration: underline;
}
</style>
<script type="text/javascript" src="https://www.google.com/jsapi">
</script>
<script type="text/javascript">
google.load("jquery", "1.4.4");
google.load("jqueryui", "1.8.9");
</script>
<script type="text/javascript" src="http://github.com/malsup/blockui/raw/master/jquery.blockUI.js?v2.34"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#showpopup").css("text-decoration", "underline");
$("a").css("cursor", "pointer");
});
$(".popup-hide").live("click", function() {
$.unblockUI();
});
$("#showpopup").live("click", function() {
$.blockUI({ message: $('#popup1') });
});
</script>
</head>
<body>
<div style="padding-left: 20px; padding-top: 20px;">
<a id="showpopup">Click to Block UI</a>
</div>
<div id="popup1" class="popup">
<div class="popup-close popup-hide"><a title="close this popup (or hit Esc)">×</a></div>
<div>
Hello world!
</div>
<div class="popup-actions">
<div style="float:left; margin-top:18px;">
<a class="popup-actions-cancel popup-hide">cancel</a>
</div>
</div>
</div>
</body>
</html>
イメージとソースコードをコピーしていない限り、別のウェブサイトからデザインをコピーすることは違法ではないとは思いません。
カスタムポップアップを作成する代わりに、jQuery UIを使用することをお勧めします。