<!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>
posted @
2008-03-31 17:19
小老好
阅读(
498)
评论()
收藏
举报