当前位置:Gxlcms > JavaScript > JS实现弹出浮动窗口(支持鼠标拖动和关闭)实例详解_javascript技巧

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

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

本文实例讲述了JS实现弹出浮动窗口。分享给大家供大家参考。具体如下:

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

关于一些参数说明:

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

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

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

点击此处查看运行效果:

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

运行效果图如下:

具体代码:

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

人气教程排行