发布网友 发布时间:2024-10-22 18:06
共1个回答
热心网友 时间:2024-10-22 18:13
这个 js显示出 一个 层, 下面是我临时写的,是你要的效果<div id='info_div' style="background:#DFEFFF; width:100px; height:100px; position:absolute; display:none"></div> <a href="javascript:;" onmouseover="show('张三','<img src=img1 />')" onmouseout=>张三</a>
<a href="javascript:;" onmouseover="show('李四','<img src=img2 />')">李四</a>
<a href="javascript:;" onmouseover="show('王小二','<img src=img3 />')">王小二</a>
<script>
function show(name,img)
{
var zdiv=document.getElementById('info_div');
zdiv.style.display='block';
zdiv.innerHTML='<img src=img />名字:'+name;
var aa=window.event.clientX ;
bb=window.event.clientY ;
zdiv.style.left=aa;
zdiv.style.top=bb;
setTimeout(
function ()
{
zdiv.style.display='none';
},3000 //三秒后自动关闭
)
}
</script>