`
wencan83
  • 浏览: 42246 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
文章分类
社区版块
存档分类
最新评论

鼠标滚动缩放图片

HTML 
阅读更多

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
</head>

<body>
<p>
<SCRIPT>
function bbimg(o){
var zoom=parseInt(o.style.zoom, 10)||100;zoom+=event.wheelDelta/2;if (zoom>0) o.style.zoom=zoom+'%';
return false;
}
</script>
<img src="1280817381139.jpg" onmousewheel="return bbimg(this)" width="150" height="127"></p>
<div onmousewheel="return bbimg(this)">
<p>

分享到：
| Ajax实现输入框自动下拉提示
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    js鼠标滚动缩放图片拖拽

    js鼠标滚动缩放图片 可拖拽，类似百度地图

    js图片缩放效果制作鼠标滚动图片等比例缩放

    在网页设计中，动态的图片展示效果可以提升用户体验，其中一种常见的技术是通过JavaScript实现鼠标滚动时图片等比例缩放。这个技术的核心在于利用JavaScript事件监听和CSS3变换功能，来实现图片随着页面滚动而优雅地...

    纯HTML+js实现鼠标滚轮动态调整缩放图片大小

    纯HTML+js实现鼠标滚轮动态调整缩放图片大小 演示效果: https://www.bilibili.com/video/BV1pS4y167wJ/

    js图片查看器。鼠标拖动图片任意方向旋转，鼠标滚动滚轮缩放，任意角度翻转。

    2. **图片缩放**：图片查看器支持鼠标滚轮缩放，当用户滚动鼠标滚轮时，图片会相应地放大或缩小。这个功能可以通过调整图片的CSS样式（如`transform: scale()`）或者使用Canvas元素的`drawImage()`方法来实现。 3. ...

    opencv读入图片，显示在picture控件上；并实现图片拖动和放大缩小

    接着，我们需要处理鼠标事件以实现图片的拖动和缩放。在Windows消息循环中，捕获WM_MOUSEMOVE、WM_LBUTTONDOWN、WM_LBUTTONUP和WM_MOUSEWHEEL消息。在`WM_LBUTTONDOWN`消息中记录鼠标按下时的位置，`WM_MOUSEMOVE`...

    wpf 图片查看器，支持鼠标滚动缩放拖拽

    标题“wpf 图片查看器，支持鼠标滚动缩放拖拽”指出这是一个基于Windows Presentation Foundation (WPF)技术开发的图片查看应用。WPF是.NET Framework的一部分，用于构建桌面应用程序，它提供了丰富的图形层和用户...

    discuz鼠标滚轮缩放控件

    标题中的“Discuz鼠标滚轮缩放控件”是指在Discuz论坛系统中，通过鼠标滚轮实现图片的缩放功能。Discuz是一款开源的PHP社区论坛软件，它允许用户自定义各种交互行为，包括对图片的操作。在这个特定的场景下，用户...

    C# WPF halcon12 图片随鼠标滚动缩放例程

    开发环境：VS2019\WPF\halcon12 在WPF中使用halcon12的控件，实现读取的图片随鼠标滚动缩放。 本例程功能单一，代码简洁，对比起网上其它功能复杂的例程更有利于帮助新手学习如何实现图片的缩放功能。

    鼠标滚动图片缩放

    在IT领域，鼠标滚动图片缩放是一项常见的交互设计技术，尤其在图像查看、网页浏览以及图形编辑软件中广泛应用。这项技术允许用户通过鼠标滚轮轻松地放大或缩小图片，提高用户体验，特别是在处理大量细节或者查看高...

    jQuery鼠标滚动缩放效果代码.rar

    在【JS特效-鼠标特效】这个领域，jQuery鼠标滚动缩放效果是一种高级交互设计，当用户滚动鼠标滚轮时，网页上的某些元素（如图片、图表或整个页面）会根据滚动方向进行放大或缩小。这种效果能够使用户在浏览网页时有...

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

    当你想要实现图像随鼠标滚轮缩放和拖动的功能时，可以利用.NET Framework提供的事件处理机制。以下是对这一知识点的详细说明： 1. **鼠标滚轮缩放** - **MouseWheel事件**：当用户滚动鼠标滚轮时，PictureBox会...

    C# 通过鼠标滚轮实现缩放图片和移动图片

    C# 通过鼠标实现放大图片和移动图片，内附有源码和exe,实现鼠标滚轮放大和图片平移

    wpf 鼠标滚轮控制图片的缩放

    本示例“wpf 鼠标滚轮控制图片的缩放”关注于如何利用鼠标滚轮事件来动态调整图片的大小，实现图片的放大与缩小功能。这在创建图像查看器或类似的应用时非常实用。 首先，我们需要在WPF的XAML（Extensible ...

    js实现鼠标滚轮控制图片缩放效果的方法

    在如今的网络应用中，经常会遇到需要实现用户通过鼠标滚轮控制页面元素缩放的场景，例如图片查看器、地图应用等。本文将详细介绍如何使用JavaScript来实现通过鼠标滚轮控制图片缩放效果的方法，其中将涉及...

    5.用鼠标缩放图片_starist_用鼠标缩放图片_

    总结来说，"用鼠标缩放图片"是图像查看软件中常见的功能，它依赖于事件监听和图像处理技术，使得用户可以通过简单地滚动鼠标就能方便地查看图像的细节。在“starist”这个工具或LabVIEW的VI中，这一功能可能已经得到...

    利用鼠标实现图片移动和缩放

    本文将详细讲解如何利用鼠标来实现图片的移动和缩放，这两个功能在日常工作中极为常见。 首先，我们要理解的是“图片拖动”。在大多数图形应用程序中，用户可以通过按下鼠标左键并移动鼠标来移动图片。这个过程涉及...

    js图片缩放效果制作鼠标滚动图片等比例缩放代码.zip

    "js图片缩放效果制作鼠标滚动图片等比例缩放代码"是一个JavaScript实现的项目，它旨在提供一种动态的、响应式的图片展示解决方案，特别是在用户滚动页面时，图片能按照其原始比例进行平滑缩放。这个项目的核心目标是...

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

    可缩放图片"&gt; ``` 接着，在JavaScript中，我们可以监听鼠标的滚轮事件（`wheel`），并根据滚动的方向调整图片的大小。这里需要计算缩放比例，以保持图片的原始比例。以下是一个简单的示例： ```javascript ...

    图片放大切换滚轮缩放效果

    图片放大切换滚轮缩放效果是指当用户滚动鼠标滚轮时，图片可以在预览尺寸和放大尺寸之间切换，提供更细致的查看体验。这种效果常见于产品展示或图像浏览类网站，可以提升用户体验，使用户能够轻松地查看细节。 实现...

    Unity3d UGUI以鼠标位置点为中心缩放图片项目源码

    总之，"Unity3d UGUI以鼠标位置点为中心缩放图片项目源码"是一个实用的示例，展示了如何利用Unity3d的UGUI系统结合鼠标交互来实现图片的动态缩放功能。通过深入理解UGUI的工作原理和事件处理机制，开发者可以进一步...

Magicbox
Global site tag (gtag.js) - Google Analytics