利用网页监听,实现内容中的图片由滚轮控制缩放
<!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>
<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>