放大鏡鏈接效果

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>

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

熱門特效代碼: 輸入框的文字閃爍變色引人注意; 純CSS內頁內容切換選項卡; 鼠標經過鏈接顯示注釋旋轉風火輪; 指向自動選擇的輸入框; 放大鏡鏈接效果; 帶注釋的鏈接特效; 文字閃爍效果; 帶注釋的鏈接特效代碼; 點擊文字顯示隱藏鏈接; WEB2.0圓形邊框css做法

推薦特效代碼: 字符連續消隱; 文字變色逐個出現; 段落文字百葉窗效果輸出; 點擊文字顯示隱藏鏈接; 文字由小變大由大變�。▌討B變化; 文字來回上下移動或跳動