中国网站美工网!网页设计者的天堂!
本站特色:HTML网页模版下载    
  您的位置:

首页 >> 网页特效 >> 链接特效 >> 正文

相关信息

网页小技巧:如何去除超链接的下
又一个鼠标移到按钮上就会出现跳
链接文字的渐变效果
一种隐藏URL的方法 (并是弹出无
网页加入到收藏夹特效
鼠标移到链接上,文字本身及背景
提示特效打字效果
鼠标移到按钮上就会出现跳马灯式
网页十字显现
有没有看过会旋转的链接? 请看
翻转的超链接
色彩变幻的链接
单行卷轴加链接
闪烁的连接

先点击指定链接,才能看到受限制的链接

先点击指定链接,才能看到受限制的链接


来源: 本站原创 | 时间: 2005-12-28 19:42:15 | 人气:

 

先点击指定链接,才能看到受限制的链接

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

第一步:把如下代码加入到<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()">

 
  上一篇:鼠标移到链接上,文字本身及背景发生色彩变化  下一篇:网页加入到收藏夹特效
Copyright © 2005 - 2006 WEB600.Net,All Rights Reserved
业务联系 QQ 站长:106324307 美工:270348300 程序:63888546
E-mail: 3235183@163.com MSN: fuqiyangru@hotmail.com
中国网站美工网--网页设计者的天堂! 陕ICP备06005517号
本站资源来自互联网 如果侵犯您的权利 请通知我们 我们会尽快删除