页面弹窗效果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

 

posted @ 2016-08-02 13:31  南风叶  阅读(3070)  评论(0编辑  收藏  举报