`
jeasony
  • 浏览: 200107 次
  • 性别: Icon_minigender_1
  • 来自: 厦门
社区版块
存档分类
最新评论

图片鼠标缩放 并限定显示大小

    博客分类:
  • js
阅读更多

<SCRIPT language=JavaScript type=text/JavaScript>

function img_zoom(e, 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="<%=request.getContextPath()%>/photo.khtml?action=down&type=800&id=<bean:write name="fid"/>"
 onmousewheel="return img_zoom(event,this)" onload="javascript:if(this.width>screen.width-300)this.width=screen.width-300"/ >

分享到:
评论

相关推荐

    qml小地图((包括可拉伸的矩形(包括滚轮缩放),和对应变换的显示区域))

    思路,首先是根据flickable的显示属性,可以将要显示的区域局部显示,并且可以设置显示... 显示,显示区域的大小与flickable对应的比例,与handle大小和handle的限定区域对应的比例一致,并且坐标也应该对应成比例。

    JavaScript实现多张图片放大镜效果示例【不限定图片尺寸,rem单位】

    代码通过计算鼠标在小图上的位置,并使用这个位置来控制大图中的图片部分显示,从而达到放大镜效果。 7. **代码优化与兼容性处理**: 示例中使用了@media查询来优化不同屏幕尺寸下的显示效果,以及使用了前缀兼容...

    《程序天下:JavaScript实例自学手册》光盘源码

    4.5 鼠标放到图片上会显示另外一张图片 4.6 鼠标形状定义大全 4.7 鼠标移入移出时颜色变化 4.8 跟随鼠标的文字 4.9 跟随鼠标的彩色文字 4.10 跟随鼠标的魔法文字 4.11 跟随鼠标的星星 4.12 跟随鼠标的旋转背景 4.13 ...

    程序天下:JavaScript实例自学手册

    4.5 鼠标放到图片上会显示另外一张图片 4.6 鼠标形状定义大全 4.7 鼠标移入移出时颜色变化 4.8 跟随鼠标的文字 4.9 跟随鼠标的彩色文字 4.10 跟随鼠标的魔法文字 4.11 跟随鼠标的星星 4.12 跟随鼠标的旋转背景 4.13 ...

    js自制图片放大镜功能

    需要注意的是,当鼠标悬停在小图上时,我们可以通过`.show()`方法显示大图,而当鼠标离开小图时,则使用`.hide()`方法隐藏大图,并通过`.animate()`将大图的宽度重置为原大小。此外,通过设置z-index属性确保大图...

    painter快捷键.pdf

    - 缩放进入:Ctrl+鼠标滚轮上滑 - 缩放退出:Ctrl+鼠标滚轮下滑 - 重置视图:Ctrl+Alt+点击 16. 旋转快捷键: - 旋转图像:Space+Alt+拖动 - 限定旋转90度:Space+Alt+Shift+拖动 17. 其他快捷键: - 切换...

    TOPOGUN2菜单翻译和快捷键1.pdf

    - **Show Verts**:显示顶点,在操作过程中能够看到顶点的显示。 - **Use Tablet**:使用平板,启用数位板模式,对于使用数位板的用户更为便捷。 - **Animate**:动画,用于制作模型动画的相关操作。 - **Next Mode,...

    3DMAX2014快捷键简洁实用

    - **根据名字显示隐藏的物体【5】**:通过名称查找并显示隐藏的模型。 - **全部视图显示所有物体【Shift】+【Ctrl】+【Z】**:在所有视图中显示所有模型,便于整体观察场景布局。 通过上述介绍,我们可以看出3DMAX...

    ENVI影像增强处理.pdf

    Scroll(滚动)窗口、主图像窗口、以及缩放(Zoom)窗口,可以使用多个显示窗口组,组中每个窗口的大小都可以调整。其中菜单中的“New Diaplay”可以打开一个新的图像。 3. 在“Available BandsList”菜单中选择...

    Excel百宝箱9.0无限制破解版.rar

    【批量导入图片到批注】:批量地将图片导入到批注中,可以自由设定图片显示大小 【删除所有图片】:删除当前表所有图片 【保存为图片】:将选区或者工作表中的图片导出成JPG文件或者PNG图片 【批量导出图片】:...

    Visual C++程序开发范例宝典(光盘) 第四部分

    实例099 图片的平滑缩放 3.6 图像的剪切与合成 实例100 图像的剪切 实例101 图像的合成 3.7 图像识别 实例102 获取鼠标任意位置的颜色值 实例103 提取图片中的对象 实例104 手写数字识别 3.8 图像字体 实例...

    unity摄像机根据手势移动以及屏幕自适应的脚本

    2. **UI缩放**:自动调整UI元素的大小和位置,使其在不同比例的屏幕上都能正确显示,避免UI元素过大或过小。 3. **视口比例处理**:处理宽高比不同的屏幕,可能使用全屏模式下的黑边填充(Letterboxing)或拉伸...

    《计算机辅助设计》练习题 .doc

    缩放功能不会改变图形的实际尺寸,而是调整视图中图形的大小显示。 22. AutoCAD 中,通过输入等分对象的距离进行等分的操作是(C.定距等分)。定距等分允许用户按照固定的距离将对象分割成多个等分段。 23. AutoCAD ...

    Visual C++程序开发范例宝典(光盘) 第八部分

    实例099 图片的平滑缩放 3.6 图像的剪切与合成 实例100 图像的剪切 实例101 图像的合成 3.7 图像识别 实例102 获取鼠标任意位置的颜色值 实例103 提取图片中的对象 实例104 手写数字识别 3.8 图像字体 实例...

    mastercam快捷键

    即调整视图大小,使其适合当前屏幕显示,便于整体观察。 - **F2**:回复放大或缩小一半。这是非常实用的功能,在需要快速调整视图比例时特别有用。 - **Alt + F2**:缩小0.8倍。这是一种精细的缩放方式,适用于需要...

    C#程序开发范例宝典(第2版).part13

    实例084 在DataGridView控件中显示图片 118 实例085 为DataGridView控件实现复选功能 120 实例086 禁用DataGridView控件列表头自动排序 122 2.9 其他控件典型应用 123 实例087 TrackBar控件的简单应用 123 实例...

    C#程序开发范例宝典(第2版).part08

    实例084 在DataGridView控件中显示图片 118 实例085 为DataGridView控件实现复选功能 120 实例086 禁用DataGridView控件列表头自动排序 122 2.9 其他控件典型应用 123 实例087 TrackBar控件的简单应用 123 实例...

Global site tag (gtag.js) - Google Analytics