阅读文章(首页/网页制作/HTML/JavaScript/)

动态改变图片尺寸（二）

[日期：2000-10-13]

来源：yesky 作者：耗子

[字体：大中小]

旅嫖腋隽苏龊脑耄?br> // 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("$#@60;img src="http://soft.yesky.com/SoftChannel/72351167954485248/20001013/" + img + "" width="+iWidth+" height="+iHeight+"$#@62;"); el.document.close();
}
}
else
if ((el.offsetHeight != iHeight) || (el.offsetWidth != iWidth)) {
//注意这里的语句，这是在不同浏览器中有相同效果的关键
if (el.offsetHeight $#@60; iHeight)
el.style.pixelHeight = el.clip.height = el.offsetHeight + 1;
if (el.offsetWidth $#@60; iWidth)
el.style.pixelWidth = el.clip.width = el.offsetWidth + 1;
if (el.offsetHeight $#@62; iHeight)
el.style.pixelHeight = el.clip.height = el.offsetHeight - 1;
if (el.offsetWidth $#@62; iWidth)
el.style.pixelWidth = el.clip.width = el.offsetWidth - 1;
if (!ie4) {
el.document.write("$#@60;img src="http://soft.yesky.com/SoftChannel/72351167954485248/20001013/" + img + "" width="+el.style.pixelWidth+"
height="+el.style.pixelHeight+"$#@62;");
el.document.close();
}
//继续动画效果
setTimeout("sizeTo("" + layerName + "",""+img+"","+iHeight+","+iWidth+","+animate+")",10);
}
}

好了，让我们来幌卵菔景?/a>

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

阅读：次
录入：

【评论】【推荐】【打印】

上一篇：动态改变图片尺寸（一）
下一篇：DHTML制作有日期选择的文本框（二）

发表评论