<script type="text/javascript">google_ad_client = "pub-2048279401139630";google_ad_slot = "8856771542";google_ad_width = 728;google_ad_height = 90;document.write("<s"+"cript type='text/javascript' s"+"rc='http://pagead2.googlesyndication.com/pagead/show_ads"+"."+"js'></scr"+"ipt>");</script>
function EnlargeImage()

...{
var myobj= document.getElementById("dongtaicon");//div的id,下面包含img
var obj = myobj.getElementsByTagName("img");//获取div下面的img数组
var img;
for(var i=0;i<obj.length;i++)

...{
obj[i].style.cursor = "pointer";
obj[i].alt = "点击放大图片";

if(window.addEventListener)//firefox等其它浏览器的事件添加

...{
obj[i].addEventListener("click",
function()

...{
window.open(this.src);
},
false
);
}
else//IE浏览器的事件添加

...{
obj[i].attachEvent("onclick",
function()

...{
window.open(this.event.srcElement.src);
}
);
obj[i].attachEvent("onload",
function()

...{
if(this.event.srcElement.width > 320)

...{
this.event.srcElement.width = 320;
}
}
);
}
}
}
function EnlargeImage()
...{
var myobj= document.getElementById("dongtaicon");//div的id,下面包含img
var obj = myobj.getElementsByTagName("img");//获取div下面的img数组
var img;
for(var i=0;i<obj.length;i++)
...{
obj[i].style.cursor = "pointer";
obj[i].alt = "点击放大图片";
if(window.addEventListener)//firefox等其它浏览器的事件添加
...{
obj[i].addEventListener("click",
function()
...{
window.open(this.src);
},
false
);
}
else//IE浏览器的事件添加
...{
obj[i].attachEvent("onclick",
function()
...{
window.open(this.event.srcElement.src);
}
);
obj[i].attachEvent("onload",
function()
...{
if(this.event.srcElement.width > 320)
...{
this.event.srcElement.width = 320;
}
}
);
}
}
}
本文介绍了一种网页中实现图片点击放大效果的方法。通过JavaScript操作DOM元素,为图片添加点击事件,实现图片在新窗口中的放大显示。同时针对不同浏览器的兼容性进行了处理。
7405

被折叠的 条评论
为什么被折叠?



