符合web标准的可拖动层特效

最新推荐文章于 2025-07-07 23:27:23 发布

原创最新推荐文章于 2025-07-07 23:27:23 发布 · 727 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#web #dialog #function #border #table #null

本文介绍了一种基于JavaScript实现的网页中可拖动层特效的方法。通过创建自定义Dialog对象，可以轻松地为页面元素添加标题栏、图标及拖动功能。文中提供了详细的代码示例，展示了如何设置层的位置、大小及层级，并实现了层之间的交互。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> 符合web标准的可拖动层特效</TITLE> <meta content="text/html;charset=gb2312" http-equiv="content-type"> <mce:style></mce:style><style mce_bogus="1">*{font-size:9pt;font-family:宋体;line-height:130%;}</style> </HEAD> <BODY> <SCRIPT LANGUAGE="JavaScript">  </SCRIPT> </BODY> </HTML>

调用方法：

以下是引用片段：
var dialog1 = new Dialog("偶来试试",null,’<img src="" width="300" height="200"/>’);
document.write(dialog1);
dialog1.BindEvent();
dialog1.SetIndex(2);
dialog1.SetRect(350,100,250);

(from:http://js.alixixi.com/read_80576_164.html)