可拖动的HTML Javascript内联弹出窗口

HTML Javascript inline popup that is draggable

本文关键字:窗口 Javascript 拖动 HTML      更新时间:2023-09-26

有什么好的代码可以制作可以拖动的内联弹出窗口吗?

换句话说,用户会点击一个链接,它会在页面中创建这个内联弹出窗口(这样用户就可以与原始页面的内联弹出窗口进行交互)。然后,用户可以将弹出窗口拖动到他们想要的任何位置。他们可以点击更多的链接打开更多的弹出窗口。。。。

一个很好的额外功能是,如果用户点击一个弹出窗口,它会超过其他弹出窗口(z-index)。

有什么想法吗?或者这是我最需要自己编码的东西吗?

注意:这可能是在旧浏览器中不起作用的html5代码。

我从这里开始:http://jqueryui.com/dialog/.您可能可以自定义JQuery对话框来执行您想要的操作。可拖动是一个选项,z索引可以通过css管理,也可以直接在javascript中管理。