当前位置:Gxlcms > JavaScript > 遮罩层点击按钮弹出并且具有拖动和关闭效果(两种方法)_jquery

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

时间:2021-07-01 10:21:17 帮助过:6人阅读

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

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

js代码

示例一:

jq代码:

  代码示例二:

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

人气教程排行