点击弹出一个div并显示在鼠标右下方


//在鼠标显示一个层,该层的内空为div2的内容
function showTip(img){
    $("#img_gis").attr("src","../../JS/StreetMap/gisPicture/"+img);
    var div3 = document.getElementById('div3'); //将要弹出的层
    div3.style.display="block"; //div3初始状态是不可见的,设置可为可见
//window.event代表事件状态,如事件发生的元素,键盘状态,鼠标位置和鼠标按钮状.
//clientX是鼠标指针位置相对于窗口客户区域的 x 坐标,其中客户区域不包括窗口自身的控件和滚动条。
    div3.style.left=event.clientX+10; //鼠标目前在X轴上的位置,加10是为了向右边移动10个px方便看到内容
    div3.style.top=event.clientY+5;
    div3.style.position="absolute"; //必须指定这个属性,否则div3层无法跟着鼠标动
    var div2 =document.getElementById('div2');
    div3.innerHTML=div2.innerHTML;
}
//关闭层div3的显示
function closeTip(){
    var div3 = document.getElementById('div3');
    div3.style.display="none";
}


//控制层div2显示的开关
function switchDIV(){
    if(div2.style.display=='block'){
        div2.style.display='none';
    }
    else{
        div2.style.display='block';
    }

}






        <div id="div2" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                <img style="width:200;height:175" id="img_gis" src="">
        </div>


         <div id="div3"  style="display:none;width:300;height:175"></div>


注意!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系我们删除。



 
粤ICP备14056181号  © 2014-2019 ITdaan.com

赞助商广告