滚动鼠标滚轴,缩放图片大小收藏
2009-03-16 16:43
302 查看
// CTR+滚动鼠标滚轴,缩放图片大小
<script language="JavaScript">
function imgzoom(o) {
if(event.ctrlKey)
{
var zoom = parseInt(o.style.zoom, 10) || 100;
zoom -= event.wheelDelta / 12;
if(zoom > 0) {
o.style.zoom = zoom + '%';
}
return false;
}
else
{
return true;
}
}
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>
用法: <img src="163askLogo.gif" width="154" height="80" onmousewheel="return imgzoom(this);" />
//只是滚动鼠标滚轴,缩放图片大小
用法:<IMG onmousewheel="return bbimg(this)" src="imgsrc" border=0/>
<script language="JavaScript">
function imgzoom(o) {
if(event.ctrlKey)
{
var zoom = parseInt(o.style.zoom, 10) || 100;
zoom -= event.wheelDelta / 12;
if(zoom > 0) {
o.style.zoom = zoom + '%';
}
return false;
}
else
{
return true;
}
}
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>
用法: <img src="163askLogo.gif" width="154" height="80" onmousewheel="return imgzoom(this);" />
//只是滚动鼠标滚轴,缩放图片大小
用法:<IMG onmousewheel="return bbimg(this)" src="imgsrc" border=0/>
相关文章推荐
- 滚动鼠标滚轴,缩放图片大小
- 滚动鼠标滚轴,缩放图片大小
- 简洁的滚动鼠标 改变图片大小js
- javascript 实现的完全兼容鼠标滚轴缩放图片的代码
- Unity鼠标滚轴缩放大小
- wpf图片查看器,支持鼠标滚动缩放拖拽
- js改变图片大小——把鼠标放图片上,滚动鼠标滚轮.
- 完全兼容的 鼠标滚轴缩放图片
- JS 图片缩放、显示全图、鼠标滑轮控制显示大小
- Android Studio 按下Ctrl + 鼠标滚动 缩放编辑文本的大小
- C# 鼠标滚动事件比例缩放图片
- 完全兼容的 鼠标滚轴缩放图片
- javascript 实现的完全兼容鼠标滚轴缩放图片的代码
- moo弹出框 改进版 css外置 背景用图片 大小任意缩放 圆角 插入任意内容 自定义按钮 回车空格esc支持 滚动支持 动画开关
- 图片大小随鼠标滚动而改变的兼容IE和firefox的代码[转]
- 用鼠标滚动缩放图片
- js鼠标滚动图片变大小
- C#实现图片鼠标拖动和滚动缩放
- javascript 滚动鼠标轮改变图片大小
- C#实现图片鼠标拖动和滚动缩放