js为超级连接加上说明文字

原创 2007年09月20日 10:55:00

// ===================================================
// Tooltip V1.01
// 为超级连接加上说明文字
// Author:Huacn Lee
// Blog: Huacn.cnblogs.com
// ===================================================
var _BarIdName = "___tooltipbar";
var _BarTitleIdName = "___tooltipbartitle";
var _BarLinkIdName = "___tooltipbarlink";

//页面上调用的方法
function initToolTip()
{  
 //创建tooltip显示区域
 initTipbar();
 //注册CSS样式
 //initStyle();
 
 var tagaArry = new Array(); 
 var tag = null;  
 tagaArry = document.getElementsByTagName("a");
 
 for(var i=0;i<tagaArry.length;i++)
 { 
  tag = tagaArry[i]; 
  //alert(tag.href);  
  //var oldTitle = tag.title; 
  
  if(tag.id=='ssHyperLink')
   continue;
  
  //为超级连接加入鼠标事件
  //进入连接
  tag.onmouseover = function()
  {
   showTipbar(this);
  };
  //离开连接
  tag.onmouseout = function()
  {
   hideTipbar(this); 
  }
  //在连接上移动,设置坐标
  tag.onmousemove = function()
  {   
   setTipLocation();
  }
  
  //为Firefox加入mousemove的事件侦听,因为window.eventFirefox没有办法用
  if(tag.addEventListener)
  {
    tag.addEventListener('mousemove', setTipLocation, true);
  }
 } 
}

//显示tooltip
function showTipbar(tag)

 var tipbar = $(_BarIdName);
 var tipTitle = $(_BarTitleIdName);
// var tipLink = $(_BarLinkIdName); 
 
 tipTitle.innerHTML = tag.title;
// tipLink.innerHTML =tag.href;
 tag.title = ""; 
 tipbar.style.display = ""; 
}

//隐藏tooltip
function hideTipbar(tag)
{
 var tipbar = $(_BarIdName);
 var tipTitle = $(_BarTitleIdName);
 
 tipbar.style.display = "none"; 
 tag.title = tipTitle.innerHTML; 
}

//设置tipbar的位置
function setTipLocation(e)
{
 var intX=0,intY=0; 
 //判断有没有收到firefox的监听的event
 if(e == null)
 {
  //当没收到时用window.event IE与Opera支持的
  e = window.event;  
 }
 
 if(e.pageX || e.pageY)
 {
     intX=e.pageX; intY=e.pageY;
    }
   
 else if(e.clientX || e.clientY)
 {
     if(document.documentElement.scrollTop)
  {
         intX=e.clientX+document.documentElement.scrollLeft;
         intY=e.clientY+document.documentElement.scrollTop;
        }
     else
  {
         intX=e.clientX+document.body.scrollLeft;
         intY=e.clientY+document.body.scrollTop;
        }
    }
 
 //取得tooltip对象
 var tipbar = $(_BarIdName); 
  
 tipbar.style.top = (intY+20)+"px";
 tipbar.style.left = (intX +10)+"px";
}

//初始化tooltip区域
function initTipbar()
{   
 var div = document.createElement("div"); 
 div.className = "tooltipclass123123";
 div.id = _BarIdName;
 
 var divTitle = document.createElement("p");
 divTitle.id = _BarTitleIdName; 
 divTitle.className = "tip";
 div.appendChild(divTitle);

 
// var divLink = document.createElement("p");
// divLink.id = _BarLinkIdName;
// divLink.className = "url";
// div.appendChild(divLink);
 
 document.body.appendChild(div);
 div.style.display = "none";
 
 //alert(div.innerHTML);
}

//注册css
function initStyle()
{  
 var linkstyle = document.createElement("link");
 linkstyle.setAttribute("href","../Style/Skin1/equipment.css");
 linkstyle.setAttribute("rel","stylesheet");
 linkstyle.setAttribute("type","text/css");  
 linkstyle.setAttribute("media","screen"); 
 
 document.getElementsByTagName("head")[0].appendChild(linkstyle);
}

function $(re)
{
 return document.getElementById(re);
}
 

版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

js带文字说明轮显图片

var widths=279;  //焦点图片宽 var w=0; var widthss=widths+w; var heights=180; //焦点图片高 var heightss=he...

js中top、clientTop、scrollTop、offsetTop的区别 文字详细说明版

网页可见区域宽: document.body.clientWidth; 网页可见区域高: document.body.clientHeight; 网页可见区域宽: document.body.of...

js中top、clientTop、scrollTop、offsetTop的区别 文字详细说明版

网页可见区域宽: document.body.clientWidth;网页可见区域高: document.body.clientHeight;网页可见区域宽: document.body.offset...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)