dw如何点击图片放大的代码_用DW实现图片放大效果

/p>

html

PUBLIC

"-//W3C//DTD

XHTML

1.0

Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Magnifier

#magnifier{

width:342px;

height:420px;

position:absolute;

top:100px;

left:250px;

font-size:0;

border:1px solid #000;

}

#img{

width:342px;

height:420px;

}

#Browser{

border:1px solid #000;

z-index:100;

position:absolute;

background:#555;

}

#mag{

border:1px solid #000;

overflow:hidden;

z-index:100;

}

function getEventObject(W3CEvent) {

//

事件标准化函数

return W3CEvent || window.event;

}

function getPointerPosition(e) {

//

兼容浏览器的鼠标

x,y

获得函数

e = e || getEventObject(e);

var

x

=

e.pageX

||

(e.clientX

+

(document.documentElement.scrollLeft

||

document.body.scrollLeft));

var

y

=

e.pageY

||

(e.clientY

+

(document.documentElement.scrollTop

||

document.body.scrollTop));

return { 'x':x,'y':y };