编程
您现在的位置:首页 >> 编程

带图片的悬停提示

<html> 

<head> 

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 

<title>带图片的悬停提示</title> 

<script language="javascript"> 

function showPic(sUrl){ 

    var x,y; 

    x = event.clientX; 

    y = event.clientY; 

    document.getElementById("Layer1").style.left = x; 

    document.getElementById("Layer1").style.top = y; 

    document.getElementById("Layer1").innerHTML = "<img src=\"" + sUrl + "\">"; 

    document.getElementById("Layer1").style.display = "block"; 

function hiddenPic(){ 

    document.getElementById("Layer1").innerHTML = ""; 

    document.getElementById("Layer1").style.display = "none"; 

</script> 

</head> 

<body> 

<div id="Layer1" style="display:none;position:absolute;z-index:1;"></div> 

<img src="tool/ExamplePic/example8.jpg" width="100" height="36" onmouseout="hiddenPic();" onmousemove="showPic(this.src);" /> 

<p></p> 

</body> 

</html>