要完成此效果需要三个步骤
第一步：把如下代码加入到<head>区域中
<SCRIPT language="JavaScript">
<!--
function MM_showHideLayers() { //v2.0
var i, visStr, args, theObj;
args = MM_showHideLayers.arguments;
for (i=0; i<(args.length-2); i+=3) { //with arg triples (objNS,objIE,visStr)
visStr = args[i+2];
if (navigator.appName == 'Netscape' && document.layers != null) {
theObj = eval(args[i]);
if (theObj) theObj.visibility = visStr;
} else if (document.all != null) { //IE
if (visStr == 'show') visStr = 'visible'; //convert vals
if (visStr == 'hide') visStr = 'hidden';
theObj = eval(args[i+1]);
if (theObj) theObj.style.visibility = visStr;
} }
}
function MM_preloadImages() { //v2.0
if (document.images) {
var imgFiles = MM_preloadImages.arguments;
if (document.preloadArray==null) document.preloadArray = new Array();
var i = document.preloadArray.length;
with (document) for (var j=0; j<imgFiles.length; j++) if (imgFiles[j].charAt(0)!="#"){
preloadArray[i] = new Image;
preloadArray[i++].src = imgFiles[j];
} }
}
//-->
</SCRIPT>
第二步：把如下代码加入到<body>区域中
<div id="Layer1" style="position:absolute; left:240px; top:175px; width:306px; height:63px;
z-index:1; visibility: hidden"><a href="link.htm"><font color=green size="5" face="隶书">你所需要
的链接</font></a></div>
<div id="Layer2" style="position:absolute; left:280px; top:237px; width:147px; height:82px;
z-index:2; visibility: visible">
<p align="center"><a href="link.htm" target="_blank"> <img SRC="http://www.jojoo.net/logo.gif" border="0"
onMouseDown="MM_showHideLayers('document.layers[\'Layer1\']','document.all[\'Layer1\']','show')"
width="15" height="15"></a><br>
</p>
</div>
<div align="center"></div>
<div align="center"></div>
<p align="center"><font face="楷体_GB2312">先点击笑脸才能看到那个受限制的链接</font>
第三步：把“onLoad="MM_preloadImages()"”加在<body>标记里
例如：<body onLoad="MM_preloadImages()">
|
