php js 弹出悬浮窗,JS实现弹出浮动窗口(支持鼠标拖动和关闭)实例详解

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

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

关于一些参数说明：

bodycontent:要在窗口中显示的内容

title:窗口的标题

removeable:窗口是否能拖动

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

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

点击此处查看运行效果：

运行效果图如下：

具体代码：

Js弹出浮动窗口，支持鼠标拖动和关闭

/**

关于一些参数说明：

*bodycontent:要在窗口显示的内容，dom对象

*title:窗口标题，字符串类型

*removeable:窗口能否拖动，布尔类型

*注意：内容窗体的高度是height-30px，请计算好你要显示的内容的高度和宽度。弹出窗的id为"223238909"，所以你的页面不要再取值为"223238909"的id了，以防js执行出错*/

function createdialog(width,height,bodycontent,t