放大鏡鏈接效果

2011-10-12 文本操作 ℃

先將下列代碼復(fù)制到<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>

再將下列代碼復(fù)制到<body></body>之間：
<DIV align=center>
<CENTER>
  </CENTER>
</DIV>
<P align=center><font size="4"><A 
href="javascript:displayWindow('http://justww.126.com','newtiphelp')">魏煒個(gè)人網(wǎng)</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')">數(shù)字新干線</A><BR><A 
href="javascript:displayWindow('http://javaer.126.com','newtiphelp')">JAVA八爪魚(yú)</A><BR><A 
href="javascript:displayWindow('http://javaer.home.chinaren.com/2index.htm','newtiphelp')">JAVA八爪魚(yú)·梅開(kāi)二度</A><BR><A 
href="javascript:displayWindow('http://justchina.home.chinaren.com','newtiphelp')">就是中國(guó)</A><BR></P>

相關(guān)特效代碼: 改變底紋的鏈接效果10/12; 帶注釋的鏈接特效代碼10/12; 帶注釋的鏈接特效10/06; 產(chǎn)生放大效果的鏈接bigwordlink10/06; 導(dǎo)航鏈接菜單間隔閃爍09/29; 強(qiáng)迫訪問(wèn)廣告鏈接代碼09/27; 圖片局部放大效果特效07/18; 點(diǎn)擊鏈接顯示圖片效果07/18; 圖片放大鏡特效代碼06/11; 圖片漸漸變大探照燈顯示效果06/11

熱門(mén)特效代碼: 輸入框的文字閃爍變色引人注意; 純CSS內(nèi)頁(yè)內(nèi)容切換選項(xiàng)卡; 鼠標(biāo)經(jīng)過(guò)鏈接顯示注釋旋轉(zhuǎn)風(fēng)火輪; 指向自動(dòng)選擇的輸入框; 放大鏡鏈接效果; 帶注釋的鏈接特效; 文字閃爍效果; 帶注釋的鏈接特效代碼; 點(diǎn)擊文字顯示隱藏鏈接; WEB2.0圓形邊框css做法

推薦特效代碼: 字符連續(xù)消隱; 文字變色逐個(gè)出現(xiàn); 段落文字百葉窗效果輸出; 點(diǎn)擊文字顯示隱藏鏈接; 文字由小變大由大變�。▌�(dòng)態(tài)變化; 文字來(lái)回上下移動(dòng)或跳動(dòng)