点击指定链接才能到下一步操作-JS特效-爱易网页

点击指定链接才能到下一步操作

日期：2014-05-18　浏览次数：20219 次

欢迎光临爱易网网页脚本特效中心，点击运行按钮演示特效：

以下是程序代码

要完成此效果需要三个步骤

第一步：把如下代码加入到<head>区域中

<!--

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];

} }

}

//-- onload="return imgzoom(this,600);" onclick="javascript:window.open(this.src);" style="cursor:pointer;"/>

</SCRIPT>

第二步：把如下代码加入到<body>区域中

<div id="Layer1" style="position:absolute; left:240px; top:175px; width:306px; height:63px;

z-index:1; visibility: hidden"><a href="http://free.aiyiweb.com"><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="http://free.aiyiweb.com" target="_blank"> <img SRC="http://www.aiyiweb.com/images/face/image21.gif" border="0"

onMouseDown="MM_showHideLayers('document.layers[\'Layer1\']','document.all[\'Layer1\']','show')"

width="120" height="60" onload="return imgzoom(this,600);" onclick="javascript:window.open(this.src);" style="cursor:pointer;"/></a>

</div>
<div align="center"></div>
<div align="center"></div>
<p align="center"><font face="楷体_GB2312">先点击图片才能看到那个受限制的链接</font>

第三步：把“onLoad="MM_preloadImages()"”加在<body>标记里
例如：<body onLoad="MM_preloadImages()">

<a href="http://www.aiyiweb.com/js/">欢迎访问爱易网JS特效</a>

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

点击指定链接才能到下一步操作

相关资料更多>

推荐阅读更多>