#magnifier
{
width: 210px;
height: 200px;
position: absolute;
top: 10px;
left: 438px;
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;
}
</style>
<script type="text/javascript">
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 };
}
function setOpacity(elem, level) { //兼容浏览器设置透明值
if (elem.filters) {
elem.style.filter = 'alpha(opacity=' + level * 100 + &#