`
yangxianjiangg
  • 浏览: 61322 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

图片随鼠标滑轮放大缩小

阅读更多
<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>
 

 

分享到:
评论

相关推荐

    滚动鼠标滑轮放大缩小图片

    标题“滚动鼠标滑轮放大缩小图片”涉及到了一种方便快捷的图像浏览方式,即利用鼠标的滚轮功能来改变图片的显示大小。这种交互方式大大提高了用户查看细节或概览整体的效率。下面将详细介绍这一功能及其相关知识点。...

    jquery 控制鼠标滑轮 放大缩小图片

    } else { // 向下滚动,缩小图片 if (scale &gt; 0.1) { // 防止缩放值小于0 scale -= 0.1; } } // 使用 CSS 的 transform 属性实现图片缩放 $image.css({ transform: 'scale(' + scale + ')', transition: '...

    wpf实现鼠标滚轮放大缩小,键盘上下键放大缩小

    在Windows Presentation Foundation(WPF)中,为应用程序添加鼠标滚轮和键盘按键的交互功能,以便实现视图的放大和...通过学习和理解这些代码,你应该能够熟练地在WPF应用中实现鼠标滚轮和键盘按键的放大缩小功能。

    wpf 转动滚轮以鼠标为中心放大缩小控件

    要实现"以鼠标为中心放大缩小控件"的功能,我们需要以下步骤: 1. **创建MatrixTransform对象**:在XAML中为控件定义一个MatrixTransform,并将其设置为Transform属性,如`...

    使用C# WPF实现图片查看器,支持鼠标拖动和滑轮控制放大缩小

    这个图片查看器不仅能够显示图片,还支持通过鼠标拖动进行平移以及使用鼠标滚轮进行缩放。我们将涵盖以下几个关键知识点: 1. **WPF基础知识**:WPF是.NET Framework的一部分,用于构建桌面应用程序。它提供了丰富...

    图片放大缩小效果,支持鼠标滑轮

    标题中的“图片放大缩小效果,支持鼠标滑轮”是指一种常见的网页图像交互功能,它允许用户通过鼠标滚轮轻松地放大或缩小图片,以便于查看细节或者全局理解图像内容。这种功能在网页设计中十分常见,尤其对于展示高清...

    Delphi 图片漫游框放大缩小及滚轮缩放

    这个组件将支持图片的放大、缩小以及通过鼠标滚轮进行逐级缩放的功能。首先,我们需要理解Delphi的基础知识,它是基于Object Pascal的集成开发环境,提供了丰富的控件和库来构建桌面应用程序。 ### 1. Delphi控件...

    javascript图片预览(滚动放大缩小和拖动查看)

    总结来说,这个例子展示了如何使用JavaScript(特别是jQuery库)结合HTML和CSS实现图片预览功能,包括滚动时自动放大缩小图片以及拖动查看图片的不同部分。开发者完全自定义了这些行为,提供了良好的用户体验。通过...

    鼠标滑轮将物体放大缩小1

    在Unity3D游戏引擎中,实现物体通过鼠标滚轮放大缩小是一种常见的交互方式,尤其在第一人称视角或策略类游戏中。这篇博客分享了一个简单的Unity3D脚本,用于实现这个功能。首先,我们来详细了解这个脚本的工作原理...

    js实现图片在div内滚轮放大缩小拖动,有滚动条,双击回原状,无插件,赠送网上搜罗的其他的一些图片放大缩小js资源

    js实现图片在div内滚轮放大缩小拖动,有滚动条,双击回原状,无插件,赠送网上搜罗的其他的一些图片放大缩小文件,在每个压缩包是一个,打开压缩包里的网页文件就可以看效果。本人的在“自己的.html”里,记事本打开...

    滑轮控制视图放大与缩小

    本实例代码关注的是如何使用滑轮来控制视图的放大与缩小功能,这对于增强用户交互体验至关重要。视图缩放是许多图形用户界面应用中的常见需求,如图像查看器、地图应用等。下面将详细解释这一技术的核心概念和实现...

    图片弹窗发大查看,鼠标滑轮放大,拖拽,旋转

    "图片弹窗发大查看,鼠标滑轮放大,拖拽,旋转"这一功能涉及到了几个关键的技术点,这些技术使得用户能更直观、便捷地与图像进行互动。以下是对这些知识点的详细说明: 1. **图片弹窗**:图片弹窗是一种常见的UI...

    c# picturebox 图像随鼠标滚轮缩放、拖动

    你可以为这个事件添加一个事件处理函数,通过判断滚轮的滚动方向(向上或向下)来决定图像的放大或缩小。 - **缩放算法**:在事件处理函数中,你可以计算当前缩放比例,并根据滚轮滚动的方向调整这个比例。通常,你...

    鼠标滚轮放大缩小,鼠标左键隐藏显示,方向键移动.rar(java程序)

    在Java编程领域,实现鼠标的滚轮放大缩小、鼠标左键隐藏显示以及方向键移动功能是常见的交互式应用需求。这些功能广泛应用于各种图形用户界面(GUI)应用程序,如图像查看器、地图导航软件等。下面我们将详细探讨...

    鼠标滑轮滚动事件

    3. **地图缩放**:在地图应用中,滑轮滚动常用来实现地图的放大和缩小。 4. **数据可视化**:在图表或图形界面中,滑轮滚动可以用来调整细节的显示级别。 总之,鼠标滑轮滚动事件是现代用户界面不可或缺的一部分,...

    C# 鼠标滑轮控制picturebox以图像的中心点放大缩小

    1、开发环境: 基于 VS2019 基于C#语言 ...C# 鼠标滑轮控制picturebox以图像的中心点放大缩小 3、源代码解析地址为: https://blog.csdn.net/hgaohr1021/article/details/129091827?spm=1001.2014.3001.5502

    头像截取插件(拖动丶鼠标滑轮丶放大缩小更改图片样式).zip

    本文将深入探讨一款名为“头像截取插件”的工具,它融合了拖动、鼠标滑轮缩放以及图像样式更改等多种功能,为用户提供了一种便捷而灵活的头像处理方式。这款插件基于JavaScript库JQuery,充分利用了其强大的事件处理...

    js实现图片的滑轮滚动放大预览、拖动、旋转

    在JavaScript(JS)中,实现图片的滑轮滚动放大预览、拖动和旋转功能是一项常见的交互设计任务,尤其在网页开发中应用广泛。这项功能可以让用户更直观、更自由地查看图片细节,提高用户体验。以下将详细讲解如何实现...

    c#单击按钮、滑轮滚动放大、缩小pictruebox中的图片,并且pictruebox里的图片可以拖动

    在这个场景中,我们讨论的是如何实现一个功能丰富的PictureBox控件,它允许用户通过单击按钮、滑轮滚动来放大和缩小图片,并且能够在PictureBox内拖动图片。这个功能在图像查看器或者编辑器应用中非常常见。以下是...

    通过鼠标滚动来放大或缩小图片

    "通过鼠标滚动来放大或缩小图片"是一个常见的需求,特别是在地图应用、图片查看器或者任何需要详细查看图像的场景。这个功能使得用户无需点击特定按钮,只需滚动鼠标滚轮就能轻松地改变图片的显示大小,从而提高浏览...

Global site tag (gtag.js) - Google Analytics