求鼠标经过图片放大代码

大家看一下这个站上的图片放大效果，我觉得很不错，http://www.cssrain.cn/demo/jquery-tooltip/02/d2.html我想出现这样的效果... 大家看一下这个站上的图片放大效果，我觉得很不错，
http://www.cssrain.cn/demo/jquery-tooltip/02/d2.html我想出现这样的效果，不知道能不能实现，当鼠标经过小图片时显示大图片是另外一张图片。最好能通过CSS实现？因为上面的引用了js文件，不想引用别人的文件。展开

 我来答

3个回答

#合辑# 机票是越早买越便宜吗？

匿名用户
2013-08-09

展开全部

我刚刚写的<html>
<head></head>
<script lanuage="javascript">//鼠标移动到是显示DIV
function mousemove(src, oEvent){ oEvent = oEvent || window.event; //兼容火狐 document.getElementById("bigImage").src = src; document.getElementById("bigImageDIv").style.left = oEvent.x ? oEvent.x : oEvent.pageX; document.getElementById("bigImageDIv").style.top = oEvent.y ? oEvent.y : oEvent.pageY; document.getElementById("bigImageDIv").style.display = "block";}//鼠标离开时,简单点就直接none
function mouseout(){
document.getElementById("bigImageDIv").style.display = "none";
}
</script>
<body>
<div id="bigImageDiv" style="width:200px; height:200px; display:none; border:3px solid #000; z-index:100; position:absolute"><img id="bigImage" style="width:200px; height:200px" styl /></div><img src="C:\Documents and Settings\All Users\Documents\My Pictures\示例图片\Sunset.jpg" style="width:80px; height:80px" onmousemove="mousemove(this.src)" onmouseout="mouseout()" /><img src="C:\Documents and Settings\All Users\Documents\My Pictures\示例图片\Winter.jpg" style="width:80px; height:80px" onmousemove="mousemove(this.src)" onmouseout="mouseout()" />
</body></html>