多種可自定義顏色的動畫懸停提示代碼_文本鏈接特效

四款帶動畫的鼠標懸停提示，可以方便的自定義提示的背景、邊框、文字等信息。還可以在提示效果里加入走馬燈，讓文字動起來，而且提示信息彈出來的時候“淡入淡出”效果，用起來也超級方便，在這里推薦給大家，一定有一款適合您。

<head> 
<title>四種鼠標懸停特效-www.wf0088.com</title> 
<meta http-equiv="Content-Type" mrc="text/html; charset=gb2312"> 
<script> 
//--初始化-- 
// from mb5u.com 
var rT=true; 
var bT=true; 
var tw=150; 
var endaction=false;
var ns4 = document.layers; 
var ns6 = document.getElementById && !document.all; 
var ie4 = document.all; 
offsetX = 0; 
offsetY = 20; 
var toolTipSTYLE=""; 
function initToolTips() 
{ 
  if(ns4||ns6||ie4) 
  { 
    if(ns4) toolTipSTYLE = document.toolTipLayer; 
    else if(ns6) toolTipSTYLE = document.getElementById("toolTipLayer").style; 
    else if(ie4) toolTipSTYLE = document.all.toolTipLayer.style; 
    if(ns4) document.captureEvents(Event.MOUSEMOVE); 
    else 
    { 
      toolTipSTYLE.visibility = "visible"; 
      toolTipSTYLE.display = "none"; 
    } 
    document.onmousemove = moveToMouseLoc; 
  } 
} 
function toolTip(msg, fg, bg) 
{ 
  if(toolTip.arguments.length < 1) // hide 
  { 
    if(ns4)  
    { 
    toolTipSTYLE.visibility = "hidden"; 
    } 
    else  
    { 
      //--圖象淡出處理-- 
      if (!endaction) {toolTipSTYLE.display = "none";} 
      if (rT) document.all("msg1").filters[1].Apply(); 
      if (bT) document.all("msg1").filters[2].Apply(); 
      document.all("msg1").filters[0].opacity=0; 
      if (rT) document.all("msg1").filters[1].Play(); 
      if (bT) document.all("msg1").filters[2].Play(); 
      if (rT){  
      if (document.all("msg1").filters[1].status==1 || document.all("msg1").filters[1].status==0){   
      toolTipSTYLE.display = "none";} 
      } 
      if (bT){ 
      if (document.all("msg1").filters[2].status==1 || document.all("msg1").filters[2].status==0){   
      toolTipSTYLE.display = "none";} 
      } 
      if (!rT && !bT) toolTipSTYLE.display = "none"; 
      //---------------------- 
    } 
  } 
  else // show 
  { 
    if(!fg) fg = "#777777"; 
    if(!bg) bg = "#eeeeee"; 
    var mrc = 
    '<table id="msg1" name="msg1" border="0" cellspacing="0" cellpadding="1" bgcolor="' + fg + '" class="trans_msg"><td>' + 
    '<table border="0" cellspacing="0" cellpadding="3" bgcolor="' + bg +  
    '"><td width=' + tw + '><font face="Arial" color="' + fg + 
    '" size="-2">' + msg + 
    ' \;</font></td></table></td></table>'; 
    if(ns4) 
    { 
      toolTipSTYLE.document.write(mrc); 
      toolTipSTYLE.document.close(); 
      toolTipSTYLE.visibility = "visible"; 
    } 
    if(ns6) 
    { 
      document.getElementById("toolTipLayer").innerHTML = mrc; 
      toolTipSTYLE.display='block' 
    } 
    if(ie4) 
    { 
      document.all("toolTipLayer").innerHTML=mrc; 
      toolTipSTYLE.display='block' 
      //--圖象淡入處理-- 
      var cssopaction=document.all("msg1").filters[0].opacity 
      document.all("msg1").filters[0].opacity=0; 
      if (rT) document.all("msg1").filters[1].Apply(); 
      if (bT) document.all("msg1").filters[2].Apply(); 
      document.all("msg1").filters[0].opacity=cssopaction; 
      if (rT) document.all("msg1").filters[1].Play(); 
      if (bT) document.all("msg1").filters[2].Play(); 
    } 
  } 
} 
function moveToMouseLoc(e) 
{ 
  if(ns4||ns6) 
  { 
    x = e.pageX; 
    y = e.pageY; 
  } 
  else 
  { 
    x = event.x + document.body.scrollLeft; 
    y = event.y + document.body.scrollTop; 
  } 
  toolTipSTYLE.left = x + offsetX; 
  toolTipSTYLE.top = y + offsetY; 
  return true; 
} 
</script> 
<style  type="text/css"> 
 
</style> 
</head> 
<script> 
</script> 
<body> 
<div id="toolTipLayer" style="position:absolute; visibility: hidden"></div> 
<script>initToolTips()</script> 
<font face="Arial"> 
<a href="#" onMouseOver="toolTip('模板無憂<br>精品學習型源代碼資源！')" onMouseOut="toolTip()">mb5u.com</a></font> 
<font face="Arial"> 
<a href="#" onMouseOver="toolTip('超多CSS特效，一網打盡', '#FFFF00', 'red')" onMouseOut="toolTip()">網頁特效</a></font> 
<font face="Arial"> 
<a href="#" onMouseOver="toolTip('源碼下載請來mb5u.com<br>高質量資源等著您！', '#FFFF00', 'orange')" onMouseOut="toolTip()">源碼下載</a></font> 
<font face="Arial"> 
<a href="#" onMouseOver="toolTip('<marquee>再見，有機會再來哦！</marquee>', '#FFFF00', 'orange')" onMouseOut="toolTip()">希望再次光臨！</a></font> 
</body>

所屬頻道：文本鏈接特效/更新時間：2012-12-12

[收藏][報錯][返回列表]

相關文本鏈接特效：

多種可自定義顏色的動畫懸停提示代碼_文本鏈接特效

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

文本鏈接特效推薦

猜你也喜歡看這些