JS 图片缩放效果代码


复制代码 代码如下:

<HTML>
<HEAD>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<TITLE>onMouseWheel</TITLE>
<SCRIPT>
var count = 10;
function Picture()
{
count = Counting(count);
Resize(count);
return false;
}
function Counting(count){
if (event.wheelDelta >= 120)
count++;
else if (event.wheelDelta <= -120)
count--;
return count;
}
function Resize(count){
oImage.style.zoom = count + '0%';
oCounter.innerText = count + '0%';
}
</SCRIPT>
</HEAD>
<BODY>
<div align=center>
<span style="font-weight:bold">Size =
<span id="oCounter" style="color:red;">100%</span></span>
<img id="oImage" src="images/aaa.gif" onmousewheel="return Picture();" >
</div>
</BODY>
</HTML>



相关阅读:
基于Java的Web服务器工作原理(三)
bat延时执行命令的另一种方法
HTML文档中小meta标签的大作用
linux查看系统时间命令
php 仿Comsenz安装效果代码打包提供下载
php 5.3.5安装memcache注意事项小结
JS读取cookies信息(记录用户名)
Webjx分享非常棒的国外的jQuery教程
在Framework4.0中实现延迟加载的实现方法
oracle关于加锁的讨论
ubuntu 9.10 更换登录界面的方法
实现窄屏/宽屏的切换——给宽屏用户超值享受
纯css完美解决图片在div内垂直水平居中
用vbs列出机器上所有能调用的组件
快速导航

Copyright © 2016 phpStudy |