<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>图片根据鼠标滑轮自由放大缩小</title>
<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;
}
/*function CheckComment(){
fcm.submit();
fcm.s.disabled=true;
}
function AddFav()
{
window.external.AddFavorite(location.href,document.title)
}
*/
</script>
</head>
<body>
<div style="width:640px;overflow: hidden;"><IMG onmousewheel="return bbimg(this)" alt="" src="http://himg.baidu.com/sys/portrait/item/25414143b0b2bbd5bfe1cdf84e00.jpg" onload=resizepic(this) border=0></div>
</body>
</html>
分享到:
相关推荐
标题“滚动鼠标滑轮放大缩小图片”涉及到了一种方便快捷的图像浏览方式,即利用鼠标的滚轮功能来改变图片的显示大小。这种交互方式大大提高了用户查看细节或概览整体的效率。下面将详细介绍这一功能及其相关知识点。...
} else { // 向下滚动,缩小图片 if (scale > 0.1) { // 防止缩放值小于0 scale -= 0.1; } } // 使用 CSS 的 transform 属性实现图片缩放 $image.css({ transform: 'scale(' + scale + ')', transition: '...
在Windows Presentation Foundation(WPF)中,为应用程序添加鼠标滚轮和键盘按键的交互功能,以便实现视图的放大和...通过学习和理解这些代码,你应该能够熟练地在WPF应用中实现鼠标滚轮和键盘按键的放大缩小功能。
要实现"以鼠标为中心放大缩小控件"的功能,我们需要以下步骤: 1. **创建MatrixTransform对象**:在XAML中为控件定义一个MatrixTransform,并将其设置为Transform属性,如`...
这个图片查看器不仅能够显示图片,还支持通过鼠标拖动进行平移以及使用鼠标滚轮进行缩放。我们将涵盖以下几个关键知识点: 1. **WPF基础知识**:WPF是.NET Framework的一部分,用于构建桌面应用程序。它提供了丰富...
标题中的“图片放大缩小效果,支持鼠标滑轮”是指一种常见的网页图像交互功能,它允许用户通过鼠标滚轮轻松地放大或缩小图片,以便于查看细节或者全局理解图像内容。这种功能在网页设计中十分常见,尤其对于展示高清...
这个组件将支持图片的放大、缩小以及通过鼠标滚轮进行逐级缩放的功能。首先,我们需要理解Delphi的基础知识,它是基于Object Pascal的集成开发环境,提供了丰富的控件和库来构建桌面应用程序。 ### 1. Delphi控件...
总结来说,这个例子展示了如何使用JavaScript(特别是jQuery库)结合HTML和CSS实现图片预览功能,包括滚动时自动放大缩小图片以及拖动查看图片的不同部分。开发者完全自定义了这些行为,提供了良好的用户体验。通过...
在Unity3D游戏引擎中,实现物体通过鼠标滚轮放大缩小是一种常见的交互方式,尤其在第一人称视角或策略类游戏中。这篇博客分享了一个简单的Unity3D脚本,用于实现这个功能。首先,我们来详细了解这个脚本的工作原理...
js实现图片在div内滚轮放大缩小拖动,有滚动条,双击回原状,无插件,赠送网上搜罗的其他的一些图片放大缩小文件,在每个压缩包是一个,打开压缩包里的网页文件就可以看效果。本人的在“自己的.html”里,记事本打开...
本实例代码关注的是如何使用滑轮来控制视图的放大与缩小功能,这对于增强用户交互体验至关重要。视图缩放是许多图形用户界面应用中的常见需求,如图像查看器、地图应用等。下面将详细解释这一技术的核心概念和实现...
"图片弹窗发大查看,鼠标滑轮放大,拖拽,旋转"这一功能涉及到了几个关键的技术点,这些技术使得用户能更直观、便捷地与图像进行互动。以下是对这些知识点的详细说明: 1. **图片弹窗**:图片弹窗是一种常见的UI...
你可以为这个事件添加一个事件处理函数,通过判断滚轮的滚动方向(向上或向下)来决定图像的放大或缩小。 - **缩放算法**:在事件处理函数中,你可以计算当前缩放比例,并根据滚轮滚动的方向调整这个比例。通常,你...
在Java编程领域,实现鼠标的滚轮放大缩小、鼠标左键隐藏显示以及方向键移动功能是常见的交互式应用需求。这些功能广泛应用于各种图形用户界面(GUI)应用程序,如图像查看器、地图导航软件等。下面我们将详细探讨...
3. **地图缩放**:在地图应用中,滑轮滚动常用来实现地图的放大和缩小。 4. **数据可视化**:在图表或图形界面中,滑轮滚动可以用来调整细节的显示级别。 总之,鼠标滑轮滚动事件是现代用户界面不可或缺的一部分,...
1、开发环境: 基于 VS2019 基于C#语言 ...C# 鼠标滑轮控制picturebox以图像的中心点放大缩小 3、源代码解析地址为: https://blog.csdn.net/hgaohr1021/article/details/129091827?spm=1001.2014.3001.5502
本文将深入探讨一款名为“头像截取插件”的工具,它融合了拖动、鼠标滑轮缩放以及图像样式更改等多种功能,为用户提供了一种便捷而灵活的头像处理方式。这款插件基于JavaScript库JQuery,充分利用了其强大的事件处理...
在JavaScript(JS)中,实现图片的滑轮滚动放大预览、拖动和旋转功能是一项常见的交互设计任务,尤其在网页开发中应用广泛。这项功能可以让用户更直观、更自由地查看图片细节,提高用户体验。以下将详细讲解如何实现...
在这个场景中,我们讨论的是如何实现一个功能丰富的PictureBox控件,它允许用户通过单击按钮、滑轮滚动来放大和缩小图片,并且能够在PictureBox内拖动图片。这个功能在图像查看器或者编辑器应用中非常常见。以下是...
"通过鼠标滚动来放大或缩小图片"是一个常见的需求,特别是在地图应用、图片查看器或者任何需要详细查看图像的场景。这个功能使得用户无需点击特定按钮,只需滚动鼠标滚轮就能轻松地改变图片的显示大小,从而提高浏览...