鼠标经过图片在固定的位置出现一张大图

发布网友 发布时间：2022-04-28 14:27

我来回答

共7个回答

热心网友 时间：2022-04-20 23:42

<script language="javascript">
function ShowImage()
{
if(BigImage.style.display=="none")
{BigImage.style.display="";}
else
{BigImage.style.display="none";}
}
</script>

<style type="text/css">
<!--
#BigImage {
position:absolute;
left:375px;
top:28px;
width:286px;
height:136px;
z-index:1;
}
-->
</style>
<img src="Image1.jpg" width="100" height="80" onMouseOver="ShowImage()" onMouseOut="ShowImage()">
<div id="BigImage" style="display:none"><img src="Image2.jpg" width="250"></div>

楼上的有这功能,但要点击鼠标!我们这个达到你的要求.
由于时间关系,我这里给你做了单张的效果,多张的你可参照该方法,复制几个就可以了.有问题的话发消息给我!

热心网友 时间：2022-04-21 01:00

放心 没中毒。

你可能是安装了ACD之类的看图软件。你说的这种情况很正常的，鼠标移动到小图上面，他会自动生成预览，从而产生了大图。

如果不想要这种效果，可以把你电脑里的看图的软件都卸载了就可以了。

热心网友 时间：2022-04-21 02:35

新建html文档。

2.在head里插入链接和图片样式，表示鼠标经过时图片放大，代码如下：

<style type="text/css">

a #big{width:800px;height:480px}

a #big:hover {width:1200px;height:720px}

</style>

3.在body里插入<a href="#"><img id="big" src="images/done.jpg" /></a>，表示设置一个有链接的图片，引用图片放大样式。

4.在IE里测试。鼠标离开时图片正常，鼠标经过时图片放大。

热心网友 时间：2022-04-21 04:26

有可能是中毒，也有可能这个图是经过加工的，，做成原图和缩略图不一样的。

热心网友 时间：2022-04-21 06:34

那是浏览器自带的网页图片放大预览功能，可以关闭，此功能很多国内的浏览器都有，比如360极速浏览器。

热心网友 时间：2022-04-21 08:59

<script language="JavaScript">
<!--
function MM_showHideLayers() { //v3.0
var i,p,v,obj,args=MM_showHideLayers.arguments;
for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v='hide')?'hidden':v; }
obj.visibility=v; }
}

function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
//-->
</script>
<a href="" onClick="return false"><img name="small" border="0" src="img/aa.gif" width="101" height="95" onClick="MM_showHideLayers('layer2','','show');MM_showHideLayers('layer','','hide');MM_showHideLayers('layer1','','hide');"></a>
<div id="layer2" style="position: absolute; left: 362px; top: 14px; width: 342px; height: 189px; z-index: 1; visibility: hidden">
<table border="0" width="350" height="216" cellspacing="0" cellpadding="0">
<tr bordercolor="#FFFFFF">
<td width="624" valign="top" align="left">
<div align="center">
<center>
<table border="0" width="50%" height="181" cellspacing="0" cellpadding="0">
<tr>
<td width="50%" height="151" valign="top" align="center"><a href="" onclick="return false" ><img src="img/aa.gif" name="big" width="256" height="211" border="0" onclick="MM_showHideLayers('layer2','','hide');MM_showHideLayers('layer','','show');MM_showHideLayers('layer1','','show');return false;"></a> </td>
</tr>
<tr>
<td width="100%" height="12" valign="top" align="center"> </td>
</tr>
</table>
</center>
</div>
</td>
</tr>
</table>
</div>

热心网友 时间：2022-04-21 11:40

<script
language="JavaScript">
<!--
var
smallX
=
200;
//缩略图宽度
var
bigX
=
600;
//预览窗大小,可以任意设置
var
bigY
=
450;
var
srcX
=
-1;
//原图大小,可以任意设置.
如都为-1将使用图片原始大小
var
srcY
=
-1;
var
border
=
5;
//边框
var
smallY,viewX,viewY,bl,isIE,vX,vY;