이것은 모달에 페이딩 효과를주기 위해 사용하는 자바 스크립트입니다. 작동하지 않습니다. 나는 이유를 모른다. 그것은 단지 플래시처럼 튀어 오릅니다. 천천히 페이드 인하겠습니다. & 그런 다음 닫을 때 페이드 아웃됩니다.모달 페이딩 없음
<link href="Styles/myStyleSheet.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css" />
<link href="Styles/Tab.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" language="javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script type="text/javascript" language="javascript" src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>
var launch = false;
function launchModalV2() {
launch = true;
}
function pageLoad() {
if (launch) {
//alert('1');
// $find("mpeTest").show();
$find('mpeTest').fadeIn();
}
}
function launchModalV1() {
alert('1');
//$find('mpeTest').show();
$find('mpeTest').fadeIn();
return false;
}
CSS의 클래스 :
.modalBackground
{
background-color: Black;
-filter: alpha(opacity=80);
-opacity: 0.6;
z-index: 10000;
}
<div style="position:absolute">
<act:ModalPopupExtender ID="mpeTest" BehaviorID="mpeTest" runat="server" TargetControlID="btnShowModal" PopupControlID="pnlPopup" OkControlID="btnOk" BackgroundCssClass="modalBackground">
</act:ModalPopupExtender>
<asp:Button ID="btnOk" runat="server" Text="Ok" />
</div>
<div>
<asp:UpdatePanel runat="server" ID="pnlPopup">
<ContentTemplate>
<asp:Panel ID="pnlMyAddressBook" runat="server" BackColor="White" CssClass="roundcorner pnl">
<table style="width:100%" cellspacing="0px" cellpadding="0px">..........
사용 하시겠습니까? – plalx