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

最新推荐文章于 2020-07-03 14:36:36 发布

java小强

最新推荐文章于 2020-07-03 14:36:36 发布

阅读量237

点赞数

分类专栏： JS 文章标签： JavaScript HTML ViewUI

本文链接：https://blog.csdn.net/cuisuqiang/article/details/83670418

版权

JS 专栏收录该内容

32 篇文章 0 订阅

订阅专栏

<!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 οnlοad="init()">
<input type="image" width=100 height=100 src="01.jpg" onMousemove="a(this)" οnmοuseοut="b()">
<input type="image"  width=100 height=100 src="02.jpg" onMousemove="a(this)" οnmοuseοut="b()">
<input type="image"  width=100 height=100 src="03.jpg" onMousemove="a(this)" οnmοuseοut="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>

java小强

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
缩略图显示和鼠标悬浮大图显示

&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"&gt;&lt;HTML&gt;&lt;HEAD&gt;&lt;TITLE&gt; New Document &lt;/TITLE&gt;&lt;META NAME="Generator" CONTENT="EditPlus&qu
复制链接

扫一扫

专栏目录