Question

webForm 如何将div作为弹出窗体

Answer 1

这个很简单啊，通过Jquery框架就行了啊！下面是对话框最简单的样式了，其他的样式刻一自己设置

html上引入：

<link href="easyui.css" rel="Stylesheet" type="text/css" />//这个可以网上下载(上传的文件里面有)

<script type="text/javascript" src="jquery-1.8.0.min.js"></script>//这个可以网上下载(上传的文件里面有)

 <script type="text/javascript" src="jquery.easyui.min.js"></script>//这个可以网上下载(上传的文件里面有)

<div><button onclick="showdig()">dialog</button></div>//当点击时弹出对话框

<div id="dlg" title="对话框" style="width:400px; height:300px; display:none; position:absolute"></div>//这个就是对话框了

 <script type="text/javascript">

        function showdig() {

            $("#dlg").dialog({ model: true });//加上这句就OK了，这句最重要

            $(".panel-tool-close").css({ background: 'url("../img/panel_tools.gif")' });//这句是给关闭对话框加个关闭的图片

        }

    </script>

发个小demo给你吧

Answer 2

div 浮动居中就行