<!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事件函數(shù)
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 |
