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

一款半透明的鼠标链接悬停提示特效，非常的漂亮，偶比较喜欢，只是代码有点偏多，由于时间关系，没怎么优化，需要的朋友自己发挥一下联盟才智，好好精简一下代码，这样就更完美无缺了！

<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(\'欢迎来到 - mb5u.com - \' )" onmouseout="tsai900403()" target="_blank">鼠标放这里！</a>');
</script>
</body>
</html>

所属频道：文本链接特效/更新时间：2012-12-21

[收藏][报错][返回列表]

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

文本链接特效Rss订阅特效代码搜索

文本链接特效推荐

猜你也喜欢看这些