滚轮改变图片大小

转载 2007年09月13日 14:30:00
<html>
<head>
    
<title>无标题页</title>
    
<script language="javascript">
      
if (window.addEventListener)
      
{
         window.addEventListener(
'DOMMouseScroll', wheel, false);//给firefox添加鼠标滚动事件
      }

      
//else
      //{
        // window.onmousewheel = document.onmousewheel = wheel;//ie
      //}
      
      
function wheel(event)
      
{
         
var delta = 0;
         
var div = document.getElementById("div1");
         
if (!event) /* For IE. */
         
{
            event 
= window.event;
         }

         
if (event.wheelDelta)
         

            
//让一个是IE
            //if(event.srcElement.tagName=="IMG" && div.contains(event.srcElement))
            //{
               //event.srcElement.width+=event.wheelDelta/15;
              // return false;
            //}
         }
 
         
else if (event.detail) 
         

            
//如果是firefox
            var allImg = div.getElementsByTagName("IMG");
            
var isThis=false;//现判断鼠标中仑的元素是不是包含在那个div里面
            for(i=0;i<allImg.length;i++)
             
{
                
if(allImg[i]==event.target)
                
{
                   isThis
=true;
                }

             }

             
if(isThis && event.target.tagName=="IMG")
             
{
                event.target.width
=event.target.width+event.detail*12;
                event.returnValue 
= false;
             }

          }

          
return true;
        }

        
function bbimg(o)
        
{
           
var zoom=parseInt(o.style.zoom, 10)||100;
           zoom
+=event.wheelDelta/12;
           
if (zoom>0) o.style.zoom=zoom+'%';
           
return false;
        }

    
</script>
</head>
<body>
    
<form id="form1" runat="server">
    
<div>
        
<div id="div1"
        <table class
="tablebody2" style="table-layout:fixed;" border="0" width="90%">
           
<tr>
               
<td>
                  
<img id="11" src="UserFolder/00.jpg" onclick="javascript:window.open(this.src);" 
style
="cursor: pointer;" onload="javascript:if(this.width>screen.width-500)this.style.width=screen.width-500;" 
onmousewheel
="return bbimg(this)" border="0" />
               
</td>
           
</tr>
         
</table>
        
</div>
    
</form>
</body>
</html>

 

相关文章推荐

J2ME 改变图片大小函数

  • 2014-08-26 19:03
  • 811B
  • 下载

简单的改变图片大小的java工具类

简单的java图片缩小(放大)工具类 最近因为要找工作,准备把能对以后工作有用的东西过一下,这是一个图片缩小放大用的工具类 做网页头像的时候用得到,可以不用修改直接拿去用。 package com....

零基础ios开发(一 改变图片大小和位置)

我是蓝懿教育,第二期的学员,键盘侠。 这一系列教程,以实现目的,代码尽求最简为原则。 这一节,学习图片位置和大小任意改变的方法。 首先,在storyboard面板(以后简称sb)插入一张图片,如下图所...

批量修改图片大小工具

  • 2016-11-18 20:39
  • 638KB
  • 下载

PHP图片大小裁剪imagecopy、缩放imagecopyresampled函数

图片裁剪、缩放函数有很多,但是我推荐这两个.有点小修改. //图片裁剪、缩放函数 1. //$filepath图片路径,$percent缩放百分比 function imagepress($filep...

压缩图片大小的软件

  • 2017-08-15 22:38
  • 11.39MB
  • 下载

批量修改图片大小的宏

  • 2016-05-13 17:17
  • 305KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)