放大镜链接效果

2011-10-12 文本操作 ℃

先将下列代码复制到<head></head>之间：

<SCRIPT>
<!--
function displayWindow(url,toolbarS)
{
  AllWidth = screen.width;
  AllHeight = screen.height;
  if (document.all)
  {
    IENSW=-9;
    IENSH=-10;
    IENSX=67;
    IENSY=85;
  }
  else
  {
    IENSW=-1;
    IENSH=-6;
    IENSX=68;
    IENSY=81;
  }
// 800*600 : 590*410
  width=AllWidth-60-140-10+IENSW;
  height=AllHeight-60-60-70+IENSH;

// Toolbar (yes/no) START #####################
  var HeadUrl='http://';
  var urlTemp;
  urlTemp=url.substring(0,7);
  if (document.all)
  {
    toolbarHeight=42;
  }
  else
  {
    toolbarHeight=43;
  }
  
  if(toolbarS=='No')
  {
    win2 = window.open("","_blank",'width=' + width + ',height=' + height + ',resizable=0,scrollbars=yes,menubar=no,toolbar=no');  
  }
  else if(urlTemp==HeadUrl)
  {
    win2 = window.open("","_blank",'width=' + width + ',height=' + (height-toolbarHeight) + ',resizable=0,scrollbars=yes,menubar=no,toolbar=yes');
  }
  else
  {
    win2 = window.open("","NewWindow",'width=' + width + ',height=' + height + ',resizable=0,scrollbars=yes,menubar=no,toolbar=no');
  }
// Toolbar (yes/no) END #######################

win2.moveTo(IENSX,IENSY);
  win2.focus();
  win2.location.href=url;
//  win2 = window.open(url,"_blank",'width=' + width + ',height=' + height + ',resizable=0,scrollbars=yes,menubar=no' );
//  win2.moveTo(IENSX,IENSY);
}
function gotourl(TheForm)
{

jsurladdr=TheForm.urladdr.value;
  jsurladdrTemp=jsurladdr.substring(0,7);
  if(jsurladdrTemp=='http://')
  {
    displayWindow(jsurladdr);
  }
  else
  {
    displayWindow('http://'+jsurladdr);
  }
  return false;
}

winfhp=window.open("","_blank",'width=' + widthfhp + ',height=' + heightfhp + ',resizable=0,scrollbars=no,menubar=no,toolbar=no');  
  winfhp.moveTo(PlaceWidth,iMHeight);
  winfhp.focus();
  winfhp.location.href=urlfhp;
}
//-->
</SCRIPT>
<STYLE type=text/css>A {
	COLOR: black; FONT-SIZE: 9pt; FONT-STYLE: normal; TEXT-DECORATION: underline
}
A:hover {
	COLOR: #ff0000; FONT-SIZE: 15pt; FONT-STYLE: normal; TEXT-DECORATION: blink
}
A:active {
	COLOR: #ff00ff; FONT-SIZE: 5pt; FONT-STYLE: italic; TEXT-DECORATION: overline
}
</STYLE>

再将下列代码复制到<body></body>之间：
<DIV align=center>
<CENTER>
  </CENTER>
</DIV>
<P align=center><font size="4"><A 
href="javascript:displayWindow('http://justww.126.com','newtiphelp')">魏炜个人网</A></font><BR>
  <A 
href="javascript:displayWindow('http://justww.home.chinaren.com/poem.htm','newtiphelp')">纯真年代</A><BR><A 
href="javascript:displayWindow('http://justww.home.chinaren.com/123.htm','newtiphelp')">数字新干线</A><BR><A 
href="javascript:displayWindow('http://javaer.126.com','newtiphelp')">JAVA八爪鱼</A><BR><A 
href="javascript:displayWindow('http://javaer.home.chinaren.com/2index.htm','newtiphelp')">JAVA八爪鱼·梅开二度</A><BR><A 
href="javascript:displayWindow('http://justchina.home.chinaren.com','newtiphelp')">就是中国</A><BR></P>

相关特效代码: 改变底纹的链接效果10/12; 带注释的链接特效代码10/12; 带注释的链接特效10/06; 产生放大效果的链接bigwordlink10/06; 导航链接菜单间隔闪烁09/29; 强迫访问广告链接代码09/27; 图片局部放大效果特效07/18; 点击链接显示图片效果07/18; 图片放大镜特效代码06/11; 图片渐渐变大探照灯显示效果06/11

热门特效代码: 输入框的文字闪烁变色引人注意; 纯CSS内页内容切换选项卡; 鼠标经过链接显示注释旋转风火轮; 指向自动选择的输入框; 放大镜链接效果; 带注释的链接特效; 文字闪烁效果; 带注释的链接特效代码; 点击文字显示隐藏链接; WEB2.0圆形边框css做法

推荐特效代码: 字符连续消隐; 文字变色逐个出现; 段落文字百叶窗效果输出; 点击文字显示隐藏链接; 文字由小变大由大变小（动态变化; 文字来回上下移动或跳动