網(wǎng)頁(yè)特效代碼模板無(wú)憂(yōu)>網(wǎng)頁(yè)特效>文本鏈接特效代碼>

半透明的鏈接提示特效_文本鏈接特效

一款半透明的鼠標(biāo)鏈接懸停提示特效，非常的漂亮，偶比較喜歡，只是代碼有點(diǎn)偏多，由于時(shí)間關(guān)系，沒(méi)怎么優(yōu)化，需要的朋友自己發(fā)揮一下聯(lián)盟才智，好好精簡(jiǎn)一下代碼，這樣就更完美無(wú)缺了！

<html>
<head>
<title>半透明的鏈接提示特效</title>
<meta http-equiv="mrc-Type" mrc="text/html;charset=gb2312"> 
<body>
<script language="JavaScript">
if ( had_tips != 1 ) {
var _ua = document.all ? ((navigator.userAgent.indexOf('MSIE 5') > 5) ? "ie5" : "ie4") : "foo";
if (_ua != "foo" ) {
if (typeof(_doc) == "undefined" || _doc == null) _doc = document;
var _tipx = 0;
var _tipy = 0;
var _tipOX = 10;
var _tipOY = 1;
var _tipWidth;
_doc.write('<DIV ID="TIP__" STYLE="filter:Alpha(Opacity=70,style=1,Finishopacity=80);position:absolute;display:none;z-index:100"></DIV>');
_doc.onmousemove = tsai;
var _tip = _doc.all['TIP__'];
}
}
var had_tips = 1;
function tsaiannie (sMsg, sTitle, iWidth, iHeight, iBorder, sTFC, sTBC, sMFC, sMBC) {
  _tipWidth = 180; 
  var _tipBorder = 2, 
  _tipTFC = "#FFF8F0", 
  _tipTBC = "#ff8c00", 
  _tipMFC = "#3F3F38",
  _tipMBC = "ffffff";
  
  if (_ua == "foo") return;
  _tip.innerHTML = '<TABLE CELLPADDING="'+_tipBorder+'" CELLSPACING="0" WIDTH="'+_tipWidth+'" BORDER="0" BGCOLOR="'+_tipTBC+'"><TR><TD>'
  + ((sTitle != null) ? '<TABLE CELLPADDING="0" CELLSPACING="0" WIDTH="100%" BORDER="0"><TR><TD STYLE="padding-top:2px;padding-bottom:2px;font:8pt Arial,Verdana,Tahoma;color:'+_tipTFC+'">'+sTitle+'</TD></TR></TABLE>' : '')
  + '<TABLE CELLPADDING="2" CELLSPACING="0" WIDTH="100%" BORDER="0" BGCOLOR="'+_tipMBC+'"><TR><TD STYLE="color:'+_tipMFC+';font:normal 8pt Arial,Verdana,Tahoma">'+sMsg+'</TD></TR></TABLE></TD></TR></TABLE>';
  annie();
  _tip.style.display = "";
  }
function tsai() {
  if (_ua == "ie4") {
  _tipx = event.x;
  _tipy = event.y;
  } else if (_ua == "ie5") {
  _tipx = (event.clientX + _tipOX + _tipWidth <= _doc.body.clientWidth) ? 
  (event.clientX + _doc.body.scrollLeft + _tipOX) : 
  (event.clientX + _doc.body.scrollLeft - _tipWidth - 5);
  _tipy = event.clientY + _doc.body.scrollTop + _tipOY;
  } else {
  return;
  }
  if (_tip.style.display != "none") annie();
  }
function annie() {
  _tip.style.pixelTop = _tipy;
  _tip.style.pixelLeft = _tipx;
  }
function tsai900403 () {
  _tip.style.display = "none";
  }
document.write('<a href="/" onmouseover="tsaiannie(\'歡迎來(lái)到 - mb5u.com - \' )" onmouseout="tsai900403()" target="_blank">鼠標(biāo)放這里！</a>');
</script>
</body>
</html>

所屬頻道：文本鏈接特效/更新時(shí)間：2012-12-21

[收藏][報(bào)錯(cuò)][返回列表]

相關(guān)文本鏈接特效：

半透明的鏈接提示特效_文本鏈接特效

文本鏈接特效Rss訂閱特效代碼搜索

文本鏈接特效推薦

猜你也喜歡看這些