这个问题由我来做一个最终解答吧。我以前也同样惊异于闪光地带的这个特效，苦恼于不知如何实现。我在经典提问，有一位网友热心解答了我的问题，但只是局限于如何加入和“闪光地带”同样的效果，而且并不完美，实际上这个脚本还可以实现许多效果，不知是zippy不知道还是没有用？可是当时看代码看的头晕眼花的我还是不知如何实现，幸运的是随着时间的推移，我终于找到了这个问题非常圆满的答案。请看：
这个效果是一个js特效，js文件名为coollayer.js也有叫overlib.js的，它可实现一种非常酷的浮动菜单效果，有5种风格： 数据挖掘交友
风格1：没有标题栏
风格2：显示标题栏
数据挖掘研究院
风格3：点击显示标题栏 数据挖掘实验室
风格4：点击左侧显示标题栏 数据挖掘工具
风格5：居中显示浮动窗口
数据挖掘工具
在js文件中，绝大部分不必修改，你只要改一下显示的字体的大小即可。主要修改html文档页面，因为弹出的浮动窗口的显示内容全部由它控制。看看源代码，非常容易看得懂。比如我新建的网页：http://q3a.go.163.com
参数含义：(caption--标题)
onMouseOver 用以下函数控制： 数据挖掘论坛
Center（居中）
数据挖掘实验室
dcs(text)
dcc(text, caption)
数据挖掘实验室
Right 数据挖掘研究院
drs(text) 数据挖掘工具
drc(text, caption) 数据挖掘交友
Left
dls(text)
数据挖掘实验室
dlc(text, caption)
数据挖掘交友
onMouseOut 用以下函数控制：
数据挖掘工具
nd() 数据挖掘论坛
onClick 用以下函数控制： 数据挖掘研究院
scc(text, caption) 数据挖掘实验室
src(text, caption) 数据挖掘工具
slc(text, caption)
数据挖掘交友
其余注意的要点：
数据挖掘论坛
在<BODY></BODY>标签内必须有下面的2行：
<DIV ID="overDiv" STYLE="position:absolute; visibility:hide; z-index:1;"></DIV> 数据挖掘实验室
<SCRIPT LANGUAGE="JavaScript" SRC="overlib.js"></SCRIPT> 数据挖掘工具
CSS用下面的一行控制，放在<head></head>之间。
<LINK REL="stylesheet" HREF="overlib.css" TYPE="text/css">
数据挖掘工具
这些内容是摘自java2000站点的关于这个特效的说明文件，我已经做成了压缩包供大家下载。
地址是http://go.163.com/~dreamwar/resource/downloads/classical/coollink.zip同时欢迎大家来我的新网站：“雷神战梦”(http://q3a.go.163.com)做客，比闪光地带的那个特效还酷哦！！ 数据挖掘论坛
附java2000的网址：http://java2000.126.com
附coollayer.js(overlib.js)源文件：
////////////////////////////////////////////////////////////////////////////////////
// overLIB 2.22 -- Please leave this notice.
数据挖掘论坛
// 数据挖掘交友
// By Erik Bosrup (erik@bosrup.com) Last modified 1999-03-31
// Portions by Dan Steinman, Landon Bradshaw and Gnowknayme.
////////////////////////////////////////////////////////////////////////////////////
数据挖掘实验室
//请不要随便修改 数据挖掘工具
////////////////////////////////////////////////////////////////////////////////////
// CONFIGURATION
数据挖掘交友
//////////////////////////////////////////////////////////////////////////////////// 数据挖掘实验室
// 主背景色（大区域） 数据挖掘实验室
// 通常使用明快的颜色（浅黄色等...）
数据挖掘交友
if (typeof fcolor == "undefined") { var fcolor = "#CCCCFF";}
数据挖掘研究院
// Border的颜色和标题栏的颜色； 数据挖掘工具
// 通常的颜色深（褐色，黑色等。）
if (typeof backcolor == "undefined") { var backcolor = "#333399";}
// 文字的颜色
数据挖掘工具
// 通常是比较深的颜色； 数据挖掘实验室
if (typeof textcolor == "undefined") { var textcolor = "#000000";}
数据挖掘论坛
// 标题的颜色
// 通常是明快的颜色； 数据挖掘研究院
if (typeof capcolor == "undefined") { var capcolor = "#FFFFFF";} 数据挖掘实验室
// "Close"的颜色
数据挖掘研究院
// 通常是明快的颜色； 数据挖掘工具
if (typeof closecolor == "undefined") { var closecolor = "#9999FF";} 数据挖掘论坛
// 弹出的窗口的宽度； 数据挖掘实验室
// 100-300 pixels 合适
数据挖掘工具
if (typeof width == "undefined") { var width = "200";} 数据挖掘论坛
// 边缘的宽度，象素。
数据挖掘交友
// 1-3 pixels 合适 数据挖掘交友
if (typeof border == "undefined") { var border = "1";}
// 弹出窗口位于鼠标左侧或者右侧的距离，象素。
// 3-12合适
数据挖掘研究院
if (typeof offsetx == "undefined") { var offsetx = 10;} 数据挖掘研究院
// 弹出窗口位于鼠标下方的距离； 数据挖掘研究院
// 3-12 合适
数据挖掘论坛
if (typeof offsety == "undefined") { var offsety = 10;}
数据挖掘实验室
////////////////////////////////////////////////////////////////////////////////////
// 设置结束 数据挖掘工具
//////////////////////////////////////////////////////////////////////////////////// 数据挖掘工具
ns4 = (document.layers)? true:false
数据挖掘交友
ie4 = (document.all)? true:false 数据挖掘实验室
// Microsoft Stupidity Check. 数据挖掘交友
if (ie4) {
数据挖掘研究院
if (navigator.userAgent.indexOf("MSIE 5")>0) {
ie5 = true; 数据挖掘论坛
} else {
ie5 = false; }
} else { 数据挖掘研究院
ie5 = false; 数据挖掘实验室
} 数据挖掘论坛
var x = 0; 数据挖掘论坛
var y = 0;
数据挖掘实验室
var snow = 0; 数据挖掘交友
var sw = 0;
var cnt = 0;
var dir = 1; 数据挖掘交友
var tr = 1; 数据挖掘论坛
if ( (ns4) || (ie4) ) { 数据挖掘实验室
if (ns4) over = document.overDiv 数据挖掘论坛
if (ie4) over = overDiv.style
数据挖掘交友
document.onmousemove = mouseMove
数据挖掘论坛
if (ns4) document.captureEvents(Event.MOUSEMOVE) 数据挖掘交友
} 数据挖掘实验室
// 以下是页面中使用的公共函数；
数据挖掘交友
// Simple popup right 数据挖掘研究院
function drs(text) { 数据挖掘工具
dts(1,text);
数据挖掘交友
} 数据挖掘论坛
// Caption popup right
function drc(text, title) {
数据挖掘实验室
dtc(1,text,title);
} 数据挖掘实验室
// Sticky caption right 数据挖掘研究院
function src(text,title) {
stc(1,text,title);
数据挖掘实验室
}
数据挖掘实验室
// Simple popup left
function dls(text) {
数据挖掘实验室
dts(0,text);
}
// Caption popup left 数据挖掘交友
function dlc(text, title) {
dtc(0,text,title); 数据挖掘研究院
} 数据挖掘实验室
// Sticky caption left 数据挖掘实验室
function slc(text,title) { 数据挖掘工具
stc(0,text,title);
数据挖掘实验室
} 数据挖掘工具
// Simple popup center 数据挖掘工具
function dcs(text) {
数据挖掘工具
dts(2,text);
数据挖掘交友
}
数据挖掘论坛
// Caption popup center 数据挖掘交友
function dcc(text, title) {
数据挖掘论坛
dtc(2,text,title);
}
数据挖掘工具
// Sticky caption center
数据挖掘实验室
function scc(text,title) { 数据挖掘工具
stc(2,text,title); 数据挖掘工具
}
// Clears popups if appropriate
数据挖掘研究院
function nd() { 数据挖掘交友
if ( cnt >= 1 ) { sw = 0 }; 数据挖掘交友
if ( (ns4) || (ie4) ) {
数据挖掘实验室
if ( sw == 0 ) {
数据挖掘研究院
snow = 0;
数据挖掘实验室
hideObject(over);
数据挖掘工具
} else { 数据挖掘研究院
cnt++; 数据挖掘实验室
} 数据挖掘工具
}
}
数据挖掘工具
// 非公共函数，被其它的函数调用；
数据挖掘论坛
// Simple popup
数据挖掘研究院
function dts(d,text) { 数据挖掘研究院
txt = "<TABLE WIDTH="+width+" BORDER=0 CELLPADDING="+border+" CELLSPACING=0 BGCOLOR=""+backcolor+""><TR><TD><TABLE WIDTH=100% BORDER=0 CELLPADDING=2 CELLSPACING=0 BGCOLOR=""+fcolor+""><TR><TD><FONT FACE="宋体" COLOR=""+textcolor+"">"+text+"</FONT></TD></TR></TABLE></TD></TR></TABLE>"
layerWrite(txt); 数据挖掘交友
dir = d;
disp();
数据挖掘研究院
} 数据挖掘论坛
// Caption popup 数据挖掘交友
function dtc(d,text, title) {
txt = "<TABLE WIDTH="+width+" BORDER=0 CELLPADDING="+border+" CELLSPACING=0 BGCOLOR=""+backcolor+""><TR><TD><TABLE WIDTH=100% BORDER=0 CELLPADDING=0 CELLSPACING=0><TR><TD><SPAN ID="PTT"><FONT COLOR=""+capcolor+"">"+title+"</FONT></B></SPAN></TD></TR></TABLE><TABLE WIDTH=100% BORDER=0 CELLPADDING=2 CELLSPACING=0 BGCOLOR=""+fcolor+""><TR><TD><SPAN ID="PST"><FONT COLOR=""+textcolor+"">"+text+"</FONT><SPAN></TD></TR></TABLE></TD></TR></TABLE>"
数据挖掘论坛
layerWrite(txt); 数据挖掘研究院
dir = d;
数据挖掘论坛
disp();
}
数据挖掘实验室
// Sticky
function stc(d,text, title) { 数据挖掘研究院
sw = 1;
数据挖掘实验室
cnt = 0; 数据挖掘实验室
