鼠标悬停之放大图片的效果

<script type="text/javascript" language="javascript"> function showimg(imgpath){ var x = event.clientX; var y = event.clientY; /*alert(imgpath);*/ document.getElementById("popup").innerHTML = "<img src='" + imgpath + "' width=280 height=280/>"; document.getElementById("popup").style.top = y + 50; document.getElementById("popup").style.left = x; document.getElementById("popup").style.visibility = "visible" } function clearimg(){ document.getElementById("popup").style.visibility = "hidden" } </script> <body> <font color="blue"><strong>当鼠标放到图片上时,会弹出一个放大的图片</strong></font> <BR/> <BR/> <font color="green"><strong>当鼠标从图片上移出时,弹出的图片就会消失</strong></font> <BR/> <BR/> <img src="images/丢丢丢.gif" onmouseover="showimg('images//丢丢丢.gif')" onmouseout="clearimg();"> <div id="popup" style="position: absolute; border: solid 2px; visibility: hidden" /> </body>

你可能感兴趣的:(JavaScript,function,div,border)