如何使网页的层在任何大小的窗口里撞墙式移动

现在IE浏览器仍然不支持〈LAYER〉标记，但是我们却可以通过〈DIV〉来创建两种浏览器能识别的层。对于层我们就说这么多，只要你理解它是一个可以叠加在其他HTML元素上的一个容器，在其中可以插入任何合法的HTML标记如一个表格、图片等内容。

我们知道，主页中插入的物件位置一般都是固定的，用户浏览的时候不能对页面元素的位置进行操作。不过在JavaScript应用广泛的今天，我们可以用光标把它拖动到我们想要它出现的位置，在不想看到它的时候我们甚至可以用一个 Show－Hide Layer 将其隐藏。

下面给出整个程序代码：

〈html〉
〈head〉

〈title〉ONLY′S aBoUt DeSiGn〈/title〉

〈meta http－equiv=〃Content－Type〃 content=〃text/html; charset=gb2312〃〉

〈/head〉

〈body bgcolor=〃＃FFFFFF〃〉

〈script language=〃JavaScript〃〉

〈!－－

IE4 = (document.all) ? 1 : 0;

NS4 = (document.layers) ? 1 : 0;

ver4 = (IE4 || NS4) ? 1 : 0;

currentX = currentY = 0;

whichEl = null;

function grabEl(e) {

if (IE4) {

whichEl=event.srcElement;

while (whichEl.id.indexOf(〃KBDRAG〃) == －1) {

whichEl=whichEl.parentElement