添加onmouseover、onmouseout事件来显示/隐藏相关业务

解决方案 »

  1.   

    鼠标滑过的效果已经添加完毕,我的问题是,当选择某个图片时,如何找到该图片所对应的信息通过DIV.innerHTML加载上来?部分代码如下
    CS:
    strImg+="<div style=\"LEFT:"+m+"px;TOP:"+n+"px;POSITION: absolute;VISIBILITY: visible;Z-INDEX: 108;\"><img src='"+sbicon+"'WIDTH='17'px;HEIGHT='17'px;/><input id='sbxx' type='hidden' value='"+sSBInfo+"'/></div>"; 
    其中m n值从数据库读取的,sbicon代表不同的图片路径,sSBInfo代表图片的相关信息(从数据库中读取的)
    JS:
    ts.onmousemove = function(event){
    event = event || window.event;
    ei.style.display = "block";
    ei.innerHTML = 该处如何把选择的图片相对应的设备信息显示出来;
                    ei.style.top  = document.body.scrollTop + event.clientY + 10 + "px";
    ei.style.left = document.body.scrollLeft + event.clientX + 10 + "px";
    }
      

  2.   

    ei.innerHTML = 该处如何把选择的图片相对应的设备信息显示出来; 这里是不是要显示 <input id='sbxx' type='hidden' value='"+sSBInfo+"'/> 这个隐藏域的值啊
    ei.innerHTML = document.getElementById('sbxx').value;这样不行吗?
      

  3.   

    直接给图片加一个 alt 属性不行吗?
    strImg+=" <div style=\"LEFT:"+m+"px;TOP:"+n+"px;POSITION: absolute;VISIBILITY: visible;Z-INDEX: 108;\"> <img src='"+sbicon+"'WIDTH='17'px;HEIGHT='17'px; alt='"+动态的信息+"'  > <input id='sbxx' type='hidden' value='"+sSBInfo+"'/> </div>"; 根据情况设定 alt 不同的内容这样可以吗?  这样也不用加鼠标的onmouseover onmouseout 事件了
      

  4.   

    e.onmouseout = function(){
    div.innerHTML = "";
    }