缩略图显示和鼠标悬浮大图显示

来源：互联网发布：依视路和明月镜片知乎编辑：程序博客网时间：2024/05/16 19:24

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><HTML><HEAD><TITLE> New Document </TITLE><META NAME="Generator" CONTENT="EditPlus"><META NAME="Author" CONTENT=""><META NAME="Keywords" CONTENT=""><META NAME="Description" CONTENT=""></HEAD><SCRIPT LANGUAGE="JavaScript"><!--var width = 300;  //设置层 宽var height = 300; // 设置层 高function init(){document.all.im.width = width;document.all.im.height = height;}function a( e ){document.all.im.src = e.src;document.all.d.style.left = event.x;document.all.d.style.top = event.y;document.all.d.style.display = "";}function b(){ document.all.d.style.left = 0;document.all.d.style.top = 0;document.all.d.style.display = "none";}//--></SCRIPT><BODY onload="init()"><input type="image" width=100 height=100 src="01.jpg" onMousemove="a(this)" onmouseout="b()"><input type="image"  width=100 height=100 src="02.jpg" onMousemove="a(this)" onmouseout="b()"><input type="image"  width=100 height=100 src="03.jpg" onMousemove="a(this)" onmouseout="b()"><div id="d" style="position:absolute;left=0;top=0;display:none;border: 1px #FF00FF solid;" ><input id="im" type="image"></div></BODY></HTML>

0 0