附 1 DHTML 小技巧一

Image Gallery

原	文	请	参	考 http://www.insideDHTML.COM
原	文	作	者	Scott Isaacs

	这	里	的	程	序可以实	现这	样	一	个	功	能	点	击	图	片	可	以	使	它	放	大	再	次	点	击
则	又还	原	为	原	来大小

附 1 DHTML 小技巧一 - 图4 附 1 DHTML 小技巧一 - 图5 附 1 DHTML 小技巧一 - 图6 附 1 DHTML 小技巧一 - 图7 Demo (仅适用于 IE4)

附 1 DHTML 小技巧一 - 图8 CODE (javascript IE4) function zoomImage() {

with (event.srcElement) { if (tagName=="IMG") {

if (event.srcElement.zoomed==null) event.srcElement.zoomed=false

zoomed=!(zoomed) if (zoomed){

width*=2;

}

else

{

}

height*=2;

width*=0.5; height*=0.5;

document.onclick=zoomImage;

附 1 DHTML 小 技 巧 一