欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

JS实现弹出浮动窗口(支持鼠标拖动和关闭)实例详解_javascript技巧

程序员文章站 2022-05-01 15:09:12
...
本文实例讲述了JS实现弹出浮动窗口。分享给大家供大家参考。具体如下:

这里介绍的JS弹出浮动窗口,支持鼠标拖动和关闭,点击链接文字后弹出层窗口,也称作是弹出式对话框吧。

关于一些参数说明:

bodycontent:要在窗口中显示的内容
title:窗口的标题
removeable:窗口是否能拖动

注意:内容窗体的高度是height-30px,请计算好要显示的内容高度和宽度。

注:在火狐或chrome下效果最佳,IE8下可能有些小问题。

点击此处查看运行效果:

http://demo.jb51.net/js/2015/js-float-window-mousemove-codes/

运行效果图如下:

JS实现弹出浮动窗口(支持鼠标拖动和关闭)实例详解_javascript技巧

具体代码:



Js弹出浮动窗口,支持鼠标拖动和关闭点击生成窗口


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