一个跟随鼠标的图片放大效果，与FF兼容

答案：
<div align=center style="overfow: hidden; width: 100px; height: 100px"><img src="/upload/20121013/2007426163751315.jpg" width="100" height="100" border="0" onmouseover="show(this)" onmouseout="hide(this)"> 
</div> 
<div align=center style="overfow: hidden; width: 100px; height: 100px"> 
<img src="/upload/20121013/200742616381460.jpg" width="100" height="100" border="0" onmouseover="show(this)" onmouseout="hide(this)"> 
</div> 
<div align=center style="overfow: hidden; width: 100px; height: 100px"> 
<img src="/upload/20121013/200742616383849.jpg" width="100" height="100" border="0" onmouseover="show(this)" onmouseout="hide(this)"> 
</div> 
<div id="enlarge_images" style="position: absolute; z-index:2"></div> 

<SCRIPT>         
function show(_this) { 
    document.getElementById("enlarge_images").innerHTML = "<img src='" + _this.src + "' >"; 
} 
function hide(_this) { 
    document.getElementById("enlarge_images").innerHTML = ""; 
} 
function move_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>
<div align=center style="overfow: hidden; width: 100px; height: 100px"><img src="/upload/20121013/2007426163751315.jpg" width="100" height="100" border="0" onmouseover="show(this)" onmouseout="hide(this)"> 
</div> 
<div align=center style="overfow: hidden; width: 100px; height: 100px"> 
<img src="/upload/20121013/200742616381460.jpg" width="100" height="100" border="0" onmouseover="show(this)" onmouseout="hide(this)"> 
</div> 
<div align=center style="overfow: hidden; width: 100px; height: 100px"> 
<img src="/upload/20121013/200742616383849.jpg" width="100" height="100" border="0" onmouseover="show(this)" onmouseout="hide(this)"> 
</div> 
<div id="enlarge_images" style="position: absolute; z-index:2"></div> 

<SCRIPT>         
function show(_this) { 
    document.getElementById("enlarge_images").innerHTML = "<img src='" + _this.src + "' >"; 
} 
function hide(_this) { 
    document.getElementById("enlarge_images").innerHTML = ""; 
} 
function move_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需刷新才能执行]

上一个：关于脚本操作文本域的问题
下一个：漂亮的widgets，支持换肤和后期开发新皮肤