<div align=center style="overfow: hidden; width: 100px; height: 100px"><img src="http://files.jb51.net/upload/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://files.jb51.net/upload/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://files.jb51.net/upload/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需刷新才能执行]
推荐阅读
javascript英文日期(有时间)选择器
var languageCode = 'en'; // Possible values: en,ge,no,nl,es,pt-br,fr // en = english, ge = german, no = norwegian,nl = dutch, es = spanish, pt-br = portuguese,>>>详细阅读
本文标题:一个跟随鼠标的图片放大效果,与FF兼容
地址:http://www.17bianji.com/kaifa2/JS/30520.html
1/2 1