这是刚写的例子，一些细节你改一下ltstyle#divpositionabsolute left200 top100 width350 border 1px solid #666 backgroundF5F5F5 boxshadow4px 4px 6px #666#divbuttonbackground；1点击按钮链接触发弹出层，弹出层应该有半透明的遮罩层2点击弹出层的关闭按钮取消按钮或者遮罩层会关闭隐藏弹出层3使用Esc键也可以关闭弹出层4它是响应式的，并且兼容现代主流浏览器HTML 1首先我们在。

html点击按钮出现弹框

1、下面是一段演示代码lt！doctype htmllthtmlltheadltmeta charset=quotutf8quotlttitle弹出层到浏览器中央背景变暗lttitleltstyle*margin0padding0pxbodypadding30px#showwidth300pxheight200px。

2、toph2，500，function t = setTimeoutfunction popout，timer？ parseInttimer5500把这段代码写在jquery后面，然后直接调用popup #39内容#39，3000弹出“内容”，3000毫秒后自动关闭。

3、首先打开计算机，单击开始，然后在弹出的选项栏内找到“运行”选项并单击。

4、二设计一个HTML页面，包括一个简单的弹出窗，和一个显示按钮其中，调用了jquery的以上两个函数具体代码如下三设计遮罩层的样式，如下四弹出窗口的css样式，代码如下五初始页面如下六点击按钮，查看弹出。

5、亲测可以的，如下test1html lt！DOCTYPE html PUBLIC quotW3CDTD XHTML 10 TransitionalENquotquotDTDxhtml1transitionaldtdquot lthtml xmlns=quot。

6、value=quot点击，弹出，显示，消失，实现quot id=quotlistquot利用隐藏域值赋值onmouseoverltinput id=quotmytext3quot type=quottextquot onMouseOver=quotshowdivthisid，getobj#39list#39valuequotltbodylthtml。

7、对按钮写个onclick事件呀，这个事件就调用那个对话框咯 你点击那个叉，都消失，就是写个监听事件呀，监听父窗口是否关闭，如果关闭，就关闭子窗口咯。

html点击按钮出现弹窗

最上层将使用JS操作实现此外，我们还将在弹出DIV窗口中设置一个按钮来执行当用户点击此按钮时关闭窗口的功能实现过程就如我上面提到的，我们首先需要创建一个特殊的DIV层，然后我们将弹出窗口的内容放在这个DIV。

html， body height 100%width 100%fontsize12px white_content display position absolutetop 25%left 25%width 50%padding 6px 16pxborder 12px solid #D6E9F1background。

能，只要在表格最外边设置上form标签即可，表格里头用 input标签，提交的时候，能直接用表单提交。

可以使用ajax技术，推荐使用jQuery封装好的ajax方法，js代码如下function DivShow $quot#lightquotloadquot另一个网页的地址quot，function 将另一个网页的内容加载到id为light的层里 $quot#lightquotshow。

可以这样处理的比如弹出层的id是a ltdiv id=quotaquot这是弹出层ltdiv 判断弹出层是否打开，js这样写 var a=documentgetElementByIdquotaquotif ！= #39#39判断a的display是否是 alertquot层。

需要JS控制，点击图片生成一个弹窗，同时让其自动播放，点击弹窗上的关闭按钮或者点击弹窗以外的地方销毁弹窗。