动态改变图片尺寸（二）

下面我给出了整个函数的原代码：
// sizeTo() 改变图片尺寸函数（跨浏览器）
function sizeTo(layerName, img, iHeight, iWidth, animate) {
var ie4 = (document.all)
if (ie4) {
var targetLayer = document.all[layerName]
// 定位要改变大小的图片
var el = targetLayer.children.tags("IMG")[0]
// 加入一个标识。
el.clip = new Object
}
else {
//现在还不能改变图片的大小
//因为在Netscape中要通过操纵DIV来改变图片大小
var el = document.layers[layerName]
//再加上一个CSS属性
el.style = new Object
// 存储当前在IE中的高和宽值。
el.style.pixelHeight = el.offsetHeight = el.clip.height
el.style.pixelWidth = el.offsetWidth = el.clip.width
}
if (!animate) { //如果不要改变的动画，就直接改变图片的大小
if (ie4) {
//在IE中直接改变图片的长宽
el.style.pixelWidth = iWidth; el.style.pixelHeight = iHeight
}
else {
// 在Netscape中的处理方法
el.document.write(""); el.document.close();
}
}
else
if ((el.offsetHeight != iHeight) || (el.offsetWidth != iWidth)) {
//注意这里的语句，这是在不同浏览器中有相同效果的关键
if (el.offsetHeight < iHeight)
el.style.pixelHeight = el.clip.height = el.offsetHeight + 1;
if (el.offsetWidth < iWidth)
el.style.pixelWidth = el.clip.width = el.offsetWidth + 1;
if (el.offsetHeight > iHeight)
el.style.pixelHeight = el.clip.height = el.offsetHeight - 1;
if (el.offsetWidth > iWidth)
el.style.pixelWidth = el.clip.width = el.offsetWidth - 1;
if (!ie4) {
el.document.write("");
el.document.close();
}
//继续动画效果
setTimeout("sizeTo("" + layerName + "",""+img+"","+iHeight+","+iWidth+","+animate+")",10);
}
}

好了，让我们来看一下演示吧

　　好了，这就是所有我想说的。不过最后，我想说的是，通过这个例子，我旨在说明IE和Netscape中的不同点，也是在提醒各位，你的动态HTML要跨浏览器是很不容易的，而且要做到这点，你必须要搞清楚这两种浏览器中的一些设置。