頁面彈窗效果HTML


<div    style="background-color: #000; height: 100%;width: 100%; display: none; position: fixed; left: 0px; top: 0px; z-index: 2999;opacity: 0.5;">
</div>
<div style="background-color: #FFF; left: 50%; position: fixed; top: 145px; margin-left: -264px;z-index: 3000; display: block;">
<div id="NewFolderPanel" style="border: 4px solid #335498; width: 320px; position: relative;display: none; background: #fff; padding: 20px;">
<h2 style="padding-bottom: 20px; border-bottom: 1px solid gray;">新建文件夾</h2>
<input type="button" value="關閉窗口" onclick="CloseNewFolderPanel()" style="position: absolute;right: 10px; top: 10px;" />
<form action="@(Url.Action("NewFolder"))" method="post" enctype="multipart/form-data" style="padding: 10px 0px;">
<input type="hidden" name="curPath" value="@(ViewBag.Path)"/>請輸入文件夾名:<input type="text" id="newfolder" name="newfolder" /><br /><br />點擊確定:<input type="submit" value="確定" /></form>

</div>
<div id="UploadFilePanel" style="border: 4px solid #335498; width: 320px; position: relative;display: none; background: #fff; padding: 20px;">
<h2 style="padding-bottom: 20px; border-bottom: 1px solid gray;">上傳文件</h2>
<input type="button" value="關閉窗口" onclick="CloseUploadFilePanel()" style="position: absolute;right: 10px; top: 10px;" />
<form action="@(Url.Action("UploadFile"))" method="post" enctype="multipart/form-data" style="padding: 10px 0px;">
<input type="hidden" name="curPath" value="@(ViewBag.Path)"/>
選擇文件:<input type="file" name="file" /><br />
<br />
點擊上傳:<input type="submit" value="上傳" />
</form>
</div>
</div>
View Code

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM