站内搜索  

哈尔滨百姓网首页 | 操作系统 | 软件应用 | 平面设计 | 程序开发 | 硬件维护 | 网络安全
 您的位置: 哈尔滨百姓网 > 电脑网络 > 程序开发 > 阅读文章:利用网页监听,实现内容中的图片由滚轮控制缩放
利用网页监听,实现内容中的图片由滚轮控制缩放
2009-4-17 9:37:21 哈尔滨百姓网 来源:百度空间 浏览 次 【 】【打印】【关闭

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
<HTML> 
<HEAD> 
<TITLE> New Document </TITLE> 
<META NAME="Generator" CONTENT="EditPlus"> 
<META NAME="Author" CONTENT=""> 
<META NAME="Keywords" CONTENT=""> 
<META NAME="Description" CONTENT=""> 
<SCRIPT LANGUAGE="JavaScript"> 
<!-- 
function ZoomImg(o)  
        {    
            
            var zoom = parseInt(o.style.zoom, 10) || 100;  
            zoom += event.wheelDelta / 12;  
            if(zoom > 0)  
                o.style.zoom = zoom + '%';  
            return false;  
        } 

   var oEventUtil = new Object(); 
oEventUtil.AddEventHandler = function(oTarget,sEventType,fnHandler) 

//IE和FF的兼容性处理 

//如果是FF 
if(oTarget.addEventListener){ 
oTarget.addEventListener(sEventType,fnHandler,false); 
}  
//如果是IE 
else if(oTarget.attachEvent){ 
oTarget.attachEvent('on'+sEventType,fnHandler); 
} else{ 
oTarget['on'+sEventType] = fnHandler; 

}; 
//定义oT事件函数 
var oT = function() 

var oEvent = arguments[0]; 
var oTarget = oEvent.target || oEvent.srcElement; 
ZoomImg(oTarget); 




//--> 
</SCRIPT> 
</HEAD> 

<BODY> 
<img src="images/1.jpg" width="200" height="200"> <br> 
<div id="div1"> 
<img src="images/1.jpg">  
<img src="images/1.jpg" width="200" height="200">  
</div> 
</BODY> 
</HTML> 
<SCRIPT LANGUAGE="JavaScript"> 
<!-- 
_div1=document.getElementById("div1"); 

var oPList = _div1.getElementsByTagName('img'); 

for(var i = 0;i<oPList.length;i++) 

     
           oPList[i].alt='鼠标滚轮放大/缩小图片'; 
           //alert(oPList[i].addAttribute('alt','鼠标滚轮放大')); 
          //oPlist[i].addAttribute('alt','鼠标滚轮放大/缩小图片'); 
oEventUtil.AddEventHandler(oPList[i],'mousewheel',oT); 

//--> 
</SCRIPT> 

转自:http://hi.baidu.com/ittd/blog/item/ae9c520f56efc52f6059f388.html
[责任编辑:佚名]
 相关文章
·CSS布局方法的十八般技巧和兼容方案 (2009-11-13 17:14:48)
·利用Google给自己的网站加上投票功能 (2009-10-13 12:32:39)
·您试图在此 Web 服务器上访问 (2009-8-13 14:20:12)
·Asp伪静态的实现及URL重写-用ISAPI_Rewri (2009-8-6 15:07:08)
·巧用ASP脚本命令重启服务器 (2009-8-6 15:05:39)
·Dreamweaver CS3网页制作之CSS布局 (2009-7-1 16:07:45)
·网页设计经验和技巧总结 (2009-7-1 16:03:12)
·网页优化必须做的26件事情 (2009-7-1 16:00:36)
·把数据库结构显示出来的源代码 (2009-4-17 9:55:16)
·插入记录后马上得到自动编号值(Access库) (2009-4-17 9:54:33)
·全面解决--如何获得刚插入数据库的记录的 (2009-4-17 9:53:29)
·ASP计算两个时间之差的函数 (2009-4-17 9:52:11)
·一个通用数据库显示程序,能调任意库,任意 (2009-4-17 9:50:33)
·技巧:ASP开发中存储过程应用全接触 (2009-4-17 9:48:31)
·网站简体繁体转换代码 (2009-4-17 9:44:15)
·ASP导出Excel数据的四种方法 (2009-4-17 9:42:14)
·html操作本地数据库 (2009-4-17 9:33:18)
·Access中使用Create Procedure创建 (2009-4-17 9:31:08)
·asp实现同网站不同目录绑定不同域名 (2009-4-17 9:27:57)
 热门文章 哈尔滨电脑
·安全防护策略-打造堡垒主机
·SQL Server到底需要使用哪些端口?
·把重要的Word 2003文档放到菜单中
·您试图在此 Web 服务器上访问的 
·Photoshop制作火焰的神龙
·Win2003架设多用户隔离Ftp服务器
·XP系统服务恢复批处理
·还有2天发布 Windows7必备77条小知识
·情侣玩儿法:用虚拟硬盘打造坚不可摧的影子系统
·用U盘当钥匙 轻松绕过WinXP的登陆密码
·Photoshop打造漂亮的心形挂链壁纸
 推荐文章 哈尔滨电脑
·精简节约!小公司办公打印省钱全攻略
·CSS布局方法的十八般技巧和兼容方案
·三种方法 教你解决输入法不显示的问题
·当红情侣QQ表情:茉莉和龙井
·Win 7出现休眠Bug 微软提供解决方案
·将Powerpoint文档转换为Word文档
·非常实用来学习连续供墨系统入门知识
·怕吃亏?怕假的?鉴别真假耗材的小窍门
·情侣玩儿法:用虚拟硬盘打造坚不可摧的影子系统
·开始—运行(cmd)命令大全
·您试图在此 Web 服务器上访问的 
 最新文章 哈尔滨电脑
·Web服务器如何避免CC攻击
·SQL Server到底需要使用哪些端口?
·XP系统服务恢复批处理
·局域网遭ARP攻击网络掉线批处理
·CISCO 2811 路由器配置命令全集
·避免“悲剧” 打印机使用技巧全面攻略
·保障远程桌面Web连接安全四项注意
·教你六招处理服务器数据意外丢失
·挑选相纸有学问 教你如何辨别相纸优劣
·精简节约!小公司办公打印省钱全攻略
·CSS布局方法的十八般技巧和兼容方案