PHP基础 PHP教程 php框架 JavaScript

asp.net AJAX 正则表达式 ASP

输入 banner图图片脚本导航/分类

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

<div align=center style="overfow: hidden; width: 100px; height: 100px"><img src="http://img.gxlcms.com/http://img.gxlcms.com//Uploads-s//Uploads-s/new/2019-09-25-201925/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="http://img.gxlcms.com/http://img.gxlcms.com//Uploads-s//Uploads-s/new/2019-09-25-201925/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="http://img.gxlcms.com/http://img.gxlcms.com//Uploads-s//Uploads-s/new/2019-09-25-201925/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需刷新才能执行]