利用网页监听，实现内容中的图片由滚轮控制缩放

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML>

<HEAD>

<TITLE> New Document </TITLE>

<!--

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>

</div>

</BODY>

</HTML>

<!--

_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) 评论(0) 收藏举报

刷新页面返回顶部