网站建设_深圳网站建设_深圳网页制作_深圳网络公司 不仅仅是网站建设,不一样的品牌建站专家
繁體 | 用户登录 | 免费注册 | 客户支持 | 交费方式

销售热线: 0755-88822234  技术支持:13728743193

深圳网站建设,深圳网页制作,深圳网站制作,企业网站建设
快速导航
热文排行
臻心动态
网站优化
网站推广
滚轮改变图片尺寸    返回
时间:2019-12-10    来自:深圳市臻心网络科技有限公司

本代码实现效果是当鼠标移到该图片上面时,滚轮可以改变该图片的尺寸。
这种效果在网页里面来说运用的还是挺多的。也是比较简单的特效代码而已。

<HTML>
<HEAD>
<title>鼠标移上去图片适应大小变化</title>
  <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
  
<script>
function resizepic(thispic)
{
if(thispic.width>570) thispic.width=570;
}
function bbimg(o)
{
var zoom=parseInt(o.style.zoom, 10)||100;
zoom+=event.wheelDelta/12;
if (zoom>0) o.style.zoom=zoom+'%';
return false;
}
</script> </HEAD>
<body style="MARGIN:0px" bgcolor="#cccccc">
<IMG onmousewheel="return bbimg(this)" style="CURSOR: hand" alt=按此在新窗口浏览图片 src="/images/logo.gif" onload=resizepic(this) align=absMiddle border=0>
</body>
</HTML> 

 

  按此在新窗口浏览图片

香港优质医疗
香港方健医疗
泰国试管婴儿
洛阳网站建设
香港化验所
深圳SEO优化
深圳网站建设
泰国试管婴儿
香港安欣医疗
试管婴儿
泰国做试管婴儿
香港试管婴儿
香港安盛诊所
香港保险一站通
万利基因检测
爱心国际医疗
香港唯安医疗
版权所有 © 深圳市臻心网络科技有限公司 2006 - 2019
电话咨询:0755-88822234 网址:www.zhenx.net 手机:m.zhenx.net
版权所有,未经授权请勿复制及转载 粤ICP备09037481号