鼠标放在图片上显示大图的JS代码

时间: 作者:老们

  

[图片,大图]鼠标放在图片上显示大图的JS代码

  

显示大图和隐藏大图的js代码:  

  

代码如下:

  
  
//显示图片  
function over(imgid,obj,imgbig)  
{  
//大图显示的最大尺寸 4比3的大小 400 300  
maxwidth=400;  
maxheight=300;  

  

//显示  
obj.style.display="";  
imgbig.src=imgid.src;  
  
  
//1、宽和高都超过了,看谁超过的多,谁超的多就将谁设置为最大值,其余策略按照2、3  
//2、如果宽超过了并且高没有超,设置宽为最大值  
//3、如果宽没超过并且高超过了,设置高为最大值  
  
if(img.width>maxwidth&&img.height>maxheight)  
{  
pare=(img.width-maxwidth)-(img.height-maxheight);  
if(pare>=0)  
img.width=maxwidth;  
else  
img.height=maxheight;  
}  
else 汇盛国际平台 if(img.width>maxwidth&&img.height<=maxheight)  
{  
img.width=maxwidth;  
}  
else if(img.width<=maxwidth&&img.height>maxheight)  
{  
img.height=maxheight;  
}  
}  

  

//隐藏图片  
function out()  
{  
document.getElementById('divImage').style.display="none";  
}  
  

  

  

显示小图的image和显示大图的image:  

  

代码如下:

  
  
  
<%--显示大图标的区域--%>  
  
  

(责任编辑:admin)

推荐图片Related

相关文章Related

查看更多热门新闻


首页 | 特效插件 | 常用代码 | 样式素材 | 脚本代码 | css特效

Copyright © 2017-2018 汇盛国际 版权所有

系统要求:本站自适应各终端浏览器分辨率

请使用Google、Firefox、IE9、百度浏览器登录网站

网站地图 | RSS订阅 | 汇盛国际平台