遮罩层点击按钮弹出并且具有拖动和关闭效果（两种方法）

遮罩层点击按钮弹出并且具有拖动和关闭效果（两种方法）

首先给大家展示演示效果：

基于javascript的网页弹出层，鼠标按在弹出层的标题栏处，可以拖动该浮动层随意移动位置，不需要时也可以关闭，操作体验舒服，兼容性好，IE/火狐等众多浏览器下运行稳定、反应快速。代码表现方面，简洁务实，不玩虚的，拿去学习也相当不错。

js代码

示例一：

jq代码：

代码示例二：

关闭

目前来说，我还是喜欢这个自己改造的弹出层。自己在项目中也用的是这个。

以上通过jq和js分别实现了遮罩层点击按钮弹出并且具有拖动和关闭效果，希望对大家有所帮助。

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。