鼠标滚动放大小缩小实现(火狐不兼容,还不知道怎么解决)

<script type="text/javascript">
  function bigimg(i){
	  var zoom = parseInt(i.style.zoom,10)||100;
	  zoom += event.wheelDelta / 12;
	  if(zoom > 0 )
	  i.style.zoom=zoom+‘%‘;
	  return false;
    }
</script>

  

<center>
  <a href="http://www.codefans.net">
  <img src="http://www.codefans.net/jscss/demoimg/wall7.jpg" width="461" height="277" border="1" onmousewheel="return bigimg(this)">
</a>
</center>

时间: 2024-10-26 15:01:52

鼠标滚动放大小缩小实现(火狐不兼容,还不知道怎么解决)的相关文章

基于jquery的鼠标滚动放大缩小图片

一直以来都想写一个图片放大和缩小的小玩意,本来以为会很复杂,这几天自己思考了一下,原来是so easy啊.目前实现的放大缩小,主要时依据鼠标的滚轮触发事件来实现的,废话少说直接上源码. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns

Winform 图片鼠标滚动查看(放大,缩小,旋转,拖动查看)[日常随笔]

方法千千万,我只是其中一笔[通过控制PictureBox来控制图片,图片完全施展在控件中]...几久不做,还真有点陌生! 窗体构造中添加鼠标滚动: 1 /// <summary> 2 /// 窗体构造方法 3 /// </summary> 4 public CandidateForm() 5 { 6 InitializeComponent(); 7 this.MouseWheel += new MouseEventHandler(CandidateForm_MouseWheel);

js鼠标控制图片的特效,滚轮控制放大、缩小、鼠标拖动、聚焦。。。

项目需要做一个js控制图片的特效,滚轮控制放大.缩小.鼠标拖动等效果,网上找方法,各种报错.不兼容...最终自己研究出一套方案如下: 代码直接从项目中拷了,就不整理格式了 <script type="text/javascript"> //图片特效 by jifei_mei //图片大小,记录放大或缩小图片前的大小 var pic_size = { width:0, height:0 }; //绑定滚轮滚动事件 if (window.addEventListener) {

图片 滚动 放大缩小 旋转

需求就是页面浏览一张图片,要求提供放大.缩小.旋转的功能 这里实现的方式是使用jquery的一个iviewer插件 具体实现方式已经提供在下载包中,下载链接: 如果失效请联系QQ:1546224081,或者QQ:2651408273 ps几点: 1,使用文件前,做好相应css和js的映射. 2,mousewheel是iviewer-master的简介版. 3,更改mousewheel图表时,记得要更改jquery.iviewer.css的中的最后两行,以及相应的路径. 4,两个demo我都放在了

几何画板放大和缩小的方法

现代社会很多的学校都有了多媒体教学,几何画板就是一种可以配合多媒体教学的辅助软件.老师可以利用几何画板制作静态甚至动态的教学课件,让学生们更能直观的了解图形的变化,加强学生记忆和兴趣.在教学过程中,为了让学生们看的更清晰,往往需要对几何画板进行放大和缩小.下面就教大家几招几何画板放大和缩小的方法? 原文:http://www.jihehuaban.com.cn/changjianwenti/suofang-huaban.html 方法一 放大和缩小几何画板窗口 打开几何画板,在软件的右上角有三个

【插件】jQuery.iviewer----图片浏览、放大、缩小、全屏

做项目的时候使用到一个图片浏览的插件jQuery.iviewer,链接地址:http://www.jq22.com/jquery-info4580 效果如下: 但是应用的时候出现不能滚动放大缩小的问题,查看代码的时候发现封装的滚轮判断事件有点问题,返回的delta都为0,然后对jquery.iviewer.js的代码做了一些修改: 1.添加函数addWheelEvent来判断滚动方式 /** * nomousewheel **/ // 兼容所有浏览器 addWheelEvent: functio

鼠标滚动事件

鼠标滚动事件 关于滚动事件这方面,其实是比较乱的. 滚轮事件的兼容性差异有些不拘一格,不是以往的IE8-派和其他派,而是FireFox派和其他派. 包括IE6在内的浏览器是使用onmousewheel,而FireFox浏览器一个人使用DOMMouseScroll. 经自己测试,即使现在FireFox 19下,也是不识onmousewheel. 在其他派中检测滚动数值的属性是wheelDelta ,向上滚为120,向下为-120. 在火狐中检测滚动数值的属性是detail,向上滚为-3,向下为3.

理解鼠标滚动事件

javascript<script> window.onload = function(){ var count = 0; document.onmousewheel = function(e){ /*鼠标滚动的量 下滚是负 上滚是正*/ if(e.wheelDelta < 0){ count ++; }else{ count --; } console.log(count); } }</script>``` #### 第二步 了解 fullpage jquery插件 >

UIScrollView实现图片放大、缩小

UIScrollView实现图片放大.缩小 一.在storyboard中添加Scroll View或者用懒加载创建 UIScrollView - (UIScrollView *)scrollView { if (_scrollView == nil) { _scrollView = [[UIScrollView alloc] initWithFrame:self.view.bounds]; // 设置代理 _scrollView.delegate = self; // 设置最大/最小缩放比例 _