JS实现可拖曳、可关闭的弹窗效果

本文实例讲述了JS实现可拖曳、可关闭的弹窗效果。分享给大家供大家参考。具体如下:

运行该实例,点击文字,弹出一个窗口,其实是一个弹出层,这个弹出层可以随鼠标拖曳,另外,示例演示了用本方法弹出文字层和弹出图片层的具体代码,请根据选择使用哦。

运行效果截图如下:

JS实现可拖曳、可关闭的弹窗效果_第1张图片

在线演示地址如下:

http://demo.jb51.net/js/2015/js-draw-close-able-alert-dlg-demo/

具体代码如下:





弹出层、弹窗效果+拖曳功能 




 
点击测试
asdasdasdasdasdasdasd
这里是一段文字哦!
点击测试

希望本文所述对大家的JavaScript程序设计有所帮助。

你可能感兴趣的:(JS实现可拖曳、可关闭的弹窗效果)