<divalign=centerstyle="overfow:hidden;width:100px;height:100px"><imgsrc="http://files.jb51.net/upload/2007426163751315.jpg"width="100"height="100"border="0"onmouseover="show(this)"onmouseout="hide(this)">
</div>
<divalign=centerstyle="overfow:hidden;width:100px;height:100px">
<imgsrc="http://files.jb51.net/upload/200742616381460.jpg"width="100"height="100"border="0"onmouseover="show(this)"onmouseout="hide(this)">
</div>
<divalign=centerstyle="overfow:hidden;width:100px;height:100px">
<imgsrc="http://files.jb51.net/upload/200742616383849.jpg"width="100"height="100"border="0"onmouseover="show(this)"onmouseout="hide(this)">
</div>
<divid="enlarge_images"style="position:absolute;z-index:2"></div>
<SCRIPT>
functionshow(_this){
document.getElementById("enlarge_images").innerHTML="<imgsrc='"+_this.src+"'>";
}
functionhide(_this){
document.getElementById("enlarge_images").innerHTML="";
}
functionmove_layer(event){
event=event||window.event;
enlarge_images.style.left=event.clientX+document.body.scrollLeft+10;
enlarge_images.style.top=event.clientY+document.body.scrollTop+10;
}
document.onmousemove=move_layer;
</SCRIPT>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
【一个跟随鼠标的图片放大效果，与FF兼容】相关文章：
★ Javascript实现图片轮播效果(二)图片序列节点的控制实现