鼠标划过显示内容

原创 2007年09月25日 10:36:00

<html>
<head>
 <title></title>
 <!--公共Style-->
 <style text="text/css">
 td{
 font-size:12px;
}

#hint
{
 position:absolute;
 width:350;
 height:50;
 background-color:#F6F6F6;
 visibility:hidden;
 border:1px solid #94B5EB;
 padding:5;
 FILTER:progid:DXImageTransform.Microsoft.dropShadow( Color=gray,offX=3,offY=3,positive=true);
}
.filter_fade
{
 height:20;
 FILTER: progid:DXImageTransform.Microsoft.Fade(Overlap=0.1);
}
 </style>

<!--公共Script-->
    <script language="javascript" >
//Get Position
function getPosition(obj)
{
 var x,y;
 var coordinates=new Object();
 var tmp_obj=obj;
 x=0;
 y=0;
 while(tmp_obj.nodeName!="BODY")
 {
   x+=tmp_obj.offsetLeft;
   y+=tmp_obj.offsetTop;
   if (tmp_obj.nodeName=="DIV")
   {
  x-=tmp_obj.scrollLeft;
  y-=tmp_obj.scrollTop;
   }
   tmp_obj=tmp_obj.offsetParent;
 }
 coordinates.x=x;
 coordinates.y=y;
 return coordinates;
}
//Show Hint
function showHint(x,y,s)
{
 var hint=document.all.hint;
 var xBody=document.body.clientWidth+document.body.scrollLeft-hint.offsetWidth-30
 x=(x>xBody)?xBody:x
 
 //var yBody=document.body.clientHeight+document.body.scrollTop-hint.offsetHeight
 //y=(y>yBody)?yBody:y
 
 hint.style.left=x;
 hint.style.top=y;
 if(hint.filters[0]){hint.filters[0].apply()}
 hint.innerHTML=s;
 hint.style.visibility='visible';
 if(hint.filters[0]){hint.filters[0].play()}
}
//Hide Hint
function hideHint()
{
 var hint=document.all.hint;
 if(hint.filters[0]){hint.filters[0].apply()}
 //document.all.hint.innerHTML='';
 document.all.hint.style.visibility='hidden';
 if(hint.filters[0]){hint.filters[0].play()}
}
function hintFollowMouse()
{
 var hint=document.all.hint;
 var x=event.x
 var xBody=document.body.clientWidth+document.body.scrollLeft-hint.offsetWidth
 x=(x>xBody)?xBody:x
 
 var y=event.y+document.body.scrollTop
 var yBody=document.body.clientHeight+document.body.scrollTop-hint.offsetHeight
 y=(y>yBody)?yBody:y
 
 hint.style.left=x;
 hint.style.top=y+20;
}
</script>
 
 <script language="javascript">
 function showSumary(obj,s)
 {
  var pos=getPosition(obj);
  showHint(event.x,event.y+20,s);
  //obj.parentElement.runtimeStyle.backgroundColor='#e5e5e5';
 }
 function hideSumary(obj)
 {
       hideHint();
        obj.parentElement.runtimeStyle.backgroundColor=obj.parentElement.style.backgroundColor;
 } 
</script>

</head>
</td>
<div id="hint" class="filter_fade" style="width:450px;" onmousemove="this.style.visibility='visible';" onmouseout="this.style.visibility='hidden';">.</div>
<td valign="top">
<table width="100%">
<tr>
<td width="100px" onmousemove="hintFollowMouse()" onmouseout="hideSumary(this);" onmouseover="showSumary(this,document.all.dvFundManagerIDAQRCL.innerHTML)">test<img src="/images/arrow.gif" alt=""></td>
<td width="5%">dddd</td>
<td width="10%">ssss</td>
<td width="60%">eeeee</td>
<td>

<div style="display:none" id="dvFundManagerIDAQRCL">
<table>
<tr>加粗
<td>上策市电风扇的撒达到撒旦大苏打士<br/>换行大夫<b>加粗撒反对法</b>
扇的撒达到撒旦大苏打士扇的撒达到撒旦大苏打<br/>士扇的撒达<br/>到撒旦大苏打士</td>
</tr>
</table>
</div></td>
</tr>
</table>
 

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

相关文章推荐

jquery鼠标划过内容背景滑动切换

例1:左右效果 Html: /* servicesBox */ .servicesBox{ width:1000px;height:270px;margin:0 a...
  • cddcj
  • cddcj
  • 2016-11-23 15:39
  • 438

鼠标划过div右上角显示删除叉,瀑布流效果

鼠标划过div右上角显示删除叉,瀑布流效果

css3最新鼠标划过样式

列表鼠标划过后变色,选中后更改颜色

Table Stripes and Row Locking body {background:#fff;} h1 {font:bold 20px/26px Arial;} p,...

鼠标划过,放大镜

  • 2016-05-25 16:22
  • 411KB
  • 下载

向上逐行滚动JS代码文本特效,鼠标划过暂停

向上逐行滚动JS代码,鼠标划过暂停, a中的display:block;/*这个属性是必须的*/,这个文本特效JS代码很少很简洁。 这个文本特效js代码兼容IE6/' target='_...
  • aerchi
  • aerchi
  • 2012-01-12 16:49
  • 2678
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

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