多種可自定義顏色的動(dòng)畫(huà)懸停提示代碼_文本鏈接特效

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

<head> 
<title>四種鼠標(biāo)懸停特效-www.hl5o.cn</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('模板無(wú)憂(yōu)<br>精品學(xué)習(xí)型源代碼資源！')" onMouseOut="toolTip()">mb5u.com</a></font> 
<font face="Arial"> 
<a href="#" onMouseOver="toolTip('超多CSS特效，一網(wǎng)打盡', '#FFFF00', 'red')" onMouseOut="toolTip()">網(wǎng)頁(yè)特效</a></font> 
<font face="Arial"> 
<a href="#" onMouseOver="toolTip('源碼下載請(qǐng)來(lái)mb5u.com<br>高質(zhì)量資源等著您！', '#FFFF00', 'orange')" onMouseOut="toolTip()">源碼下載</a></font> 
<font face="Arial"> 
<a href="#" onMouseOver="toolTip('<marquee>再見(jiàn)，有機(jī)會(huì)再來(lái)哦！</marquee>', '#FFFF00', 'orange')" onMouseOut="toolTip()">希望再次光臨！</a></font> 
</body>

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

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

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

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

文本鏈接特效推薦

猜你也喜歡看這些

相關(guān)鏈接：
復(fù)制本頁(yè)鏈接| 搜索多種可自定義顏色的動(dòng)畫(huà)懸停提示代碼
特效說(shuō)明：
文本鏈接模板-多種可自定義顏色的動(dòng)畫(huà)懸停提示代碼。

日韩天天综合网_野战两个奶头被亲到高潮_亚洲日韩欧美精品综合_av女人天堂污污污_视频一区**字幕无弹窗_国产亚洲欧美小视频_国内性爱精品在线免费视频_国产一级电影在线播放_日韩欧美内地福利_亚洲一二三不卡片区

多種可自定義顏色的動(dòng)畫(huà)懸停提示代碼_文本鏈接特效

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

文本鏈接特效推薦

猜你也喜歡看這些