html点击出现弹窗可以拖动,HTML页面弹出居中可拖拽的自定义窗口层

使用DIV弹出窗口来动态显示内容的原理：首先采用CSS和HTML隐藏弹窗中的内容，然后利用JavaScript(本教程中是JQuery)来动态显示它们。这种效果不仅能够充分利用有限的版面空间，而且能够提高用户体验；更重要的是，它并不影响SEO效果(因为它实际存在于页面中，只是初始为不可见状态)

1、在html页面中定义一个div，并在div实现我们需要展示的内容。

网站登录

帐 号：

密 码：

注册新用户 | 忘记密码？

一图抵千言。让我们看看这个DIV弹出窗口的效果截图：

 

2、我所用的CSS样式

#login {

width:350px;

height:250px;

border:1px solid #ccc;

position:absolute;

display:block;

z-index:9999;

background:#fff;

}

#login h2 {

<