html5鼠标点击弹出层,jQuery实现单击弹出Div层窗口效果(可关闭可拖动)

本文实例讲述了jQuery实现单击弹出Div层窗口效果。分享给大家供大家参考。具体如下：

这是一款jquery实现的可拖动可关闭的弹出框效果，网上已经有很多类似效果了，网页上实现这种效果其实并不难，现在又有了jquery让我们用，更方便了，本代码演示了在CSS代码、JavaScript代码和HTML三者结合的情况下，如何实现一个可关闭的弹出窗口，鼠标点击关闭按钮后将其关闭，然后会显示打开按钮，单击这个按钮即弹出这个层窗口。

运行效果截图如下：

在线演示地址如下：

具体代码如下：

/p>

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

windows

#main{position: absolute;top: 10%;left: 10%;}

#title{width: 500px;height: 19px;border-top: #85ABE4 1px solid;border-right: #222 1px solid;border-left: #85ABE4 1px solid;border-bottom: none;background: #5B8BD9;}

#content{border: #85ABE4 1px solid;border-top: none;width: 500px;height: 300px;}

#content