请问怎样在鼠标经过某处时就伸出一块内容?

use javascript instead, try someting like<html>
<head>
<script language="javascript">
function showContent(bShow)
{
  var e = event.srcElement;
  var o = document.all("myContent");  if (bShow)
  {
o.style.left = e.offsetLeft;//event.clientX + document.body.scrollLeft ;
o.style.top = e.offsetTop;//event.clientY + document.body.scrollTop ;
o.style.width = e.offsetWidth;
o.style.height = e.offsetHeight; o.style.display = "";
  }
  else
o.style.display="none";
}
</script>
</head>
<body>
<div>hello</div>
<br><br><br><br>
<div onmouseover="showContent(true)" onmouseout="showContent(false)">move over here, I will show your something</div>
<div id="myContent" style="position:absolute;display:none;color:white;background-color:black;z-index:1">did you see?</div>
</body>
</html>

解决方案 »

  1.   

    鼠标经过某按钮时就弹出把该页面加入到收藏夹:
    this.button1.attributs.add("onmousemove","<script language='javascript'>"javascript:window.external.AddFavorite('http://www.csdn.net','本网站')" target="_self" style="CURSOR: hand";</script>");
      

  2.   

    使用div操作,設其style.display為不可見的.在上面可以加載任意控件.
    當mouse 經過時,觸發其style.display不可見.思路如此.具體自已辦法
      

  3.   

    我以前做过一个asp的页面倒和你说的差不多。你看看？
    第一步，由数据库读出要选择的内容，生成字串sqlStr="Select Material_Serials,Material_Name,Material_Specs,Battery_Unit From Battery_Serials"
    rst.Open Sqlstr,AdoCon,adOpenStatic,adLockReadOnly
    do until rst.EOF 
    MatArray=MatArray&"new Array('"&rst.Fields("Material_Serials").value&"','"&rst.Fields("Material_Name").value&"','"&rst.Fields("Material_Specs").value&"','"&rst.Fields("Battery_Unit").Value&"'),"
    rst.MoveNext
    loop
    MatArray=Left(MatArray,Len(MatArray)-1)
    rst.Close第二步：定义javascript全局变量
    var MatArray= new Array(<%=MatArray%>);第三步，加入一个隐藏的层，以供显示
    <div id="divMat" style="Z-INDEX: 3; LEFT: 414px; VISIBILITY: hidden; POSITION: absolute; TOP: 399px; BACKGROUND-COLOR: lightgrey" accessKey="">  
    <table border='1'  bordercolorlight='#c0c0c0' cellspacing='0' cellpadding='0' bordercolordark='#ffffff'  style="WIDTH: 400px; BACKGROUND-COLOR: lightgrey">
    <tr align="middle" bgcolor='#ffcc99' >
    <td width="35%" >编号</td>
    <td width="40%" >名称</td>
    <td width="25%" >类型</td>
    </tr>
    </table>
    </div>
    第四步，显示函数，改变要显示的内容,这一部分
    function SelectMat(intSerial){
    var nKey=event.keyCode;
    if ((nKey!=40) && (nKey!=113) &&(nKey!=13)){
    return true;
    }
    else{
    var strBS=(eval("frmQuote.BatterySerial"+intSerial.toString())).value
    var intNumber=0;
    var intIndex=-1;
    var strBatterySerial,strBatteryName,strBatSort;
    var i=0;
    event.keyCode=113;

    var strmsg="<table border='1' width='400' bordercolorlight='#c0c0c0' cellspacing='1' cellpadding='1' bordercolordark='#ffffff'  style='WIDTH: 400px;BACKGROUND-COLOR: lightgrey'><tr align=center><td width='35%' bgcolor='#ffcc99'>编号</td><td width='40%' bgcolor='#ffcc99'>名称</td><td width='25%' bgcolor='#ffcc99'>类型</td></tr>";
    for(i=0;(i<MatArray.length)&&(intNumber<30);i++){

    if(strBS.substring(0,1)!="~"?MatArray[i][0].indexOf(strBS,0)!=-1:MatArray[i][1].indexOf(strBS.substring(1,strBS.length),0)!=-1){
    strBatterySerial=MatArray[i][0];
    strBatteryName=MatArray[i][1];
    strBatSort=MatArray[i][2];
    strmsg=strmsg+"<tr onclick='javascript:setMat("+intSerial.toString()+","+i.toString()+");' onmouseover=\"javascript:this.className='blueon';\" onmouseout=\"javascript:this.className='blueoff';\"><td>"+strBatterySerial+"</td><td>"+strBatteryName+"</td><td>"+strBatSort+"</td></tr>";
    intNumber+=1;
    intIndex=i;
    }
    }
    strmsg+="<tr align=center accesskey='c' onclick='javascript:divMat.style.visibility=\"hidden\";'><td colspan='3'><input type=button value=' 关 闭 查 询' width='380px'  ></td></tr></table>";
    if(intNumber==0){
    //
    (eval("frmQuote.BatterySerial"+intSerial.toString())).select();
    (eval("frmQuote.BatterySerial"+intSerial.toString())).focus();
    }
    else if(intNumber==1){
    setMat(intSerial,intIndex);
    }
    else{
    //显示以供选择
    divMat.innerHTML=strmsg;
    divMat.style.pixelLeft=event.clientX+document.body.scrollLeft;
    divMat.style.pixelTop=event.clientY+document.body.scrollTop;
    divMat.style.visibility="visible";
    }
    return false;
    }
    }
    这样应该可以达到你的要求了吧
      

  4.   

    http://eu.webmatrixhosting.net/Webdiyer/hintpanel.aspx
    还没做完！
      

  5.   

    为什么不用弹出一个窗口，至于要连数据库，放到那个窗口去做，比如，点击DATAGRID某一列，弹出窗口显示详细信息，窗口的样式可以自己决定：e.Item.Cells[1].Attributes["onclick"] = "javascript:window.open('ShowDetails.aspx?id=" + e.Item.Cells[1].Text.ToString()+ "','','width=500,height=300,scrollbars');"
      

  6.   

    blackant2(乔峰):
    不好意思啊,我不懂java,看不明白啊,或你有没有完整的页面程序可以参考?webdiyer(webdiyer):
    我想要的就是你这种效果啊,可以给我看看怎么做的吗?另外怎样让鼠标离开了伸出块,那伸出块还在? 可以在那伸出块安一个关闭的按钮吗?
      

  7.   

    那是一个自定义控件，现在没做完，其实如果你懂dhtml做一个很简单。
      

  8.   

    可以使用<iframe>可以从DB实时读数据