|
|
动态改变图片尺寸二 |
| 作者：ItWen收集整理 来源：www.itwen.com 更新时间：2006-10-27 |
|
|
[ 收藏此页到: 天天
| 和讯
| 博采
| ViVi
| 狐摘
| 我摘
]
|
|
旅嫖腋隽苏龊脑耄?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=/DownloadFiles\a\2000-10-13\ + img + DownloadFiles\a\2000-10-13\ 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=/DownloadFiles\a\2000-10-13\ + img + DownloadFiles\a\2000-10-13\ width="+el.style.pixelWidth+"
height="+el.style.pixelHeight+"$#@62;");
el.document.close();
}
//继续动画效果
setTimeout("sizeTo(DownloadFiles\a\2000-10-13\ + layerName + DownloadFiles\a\2000-10-13\,DownloadFiles\a\2000-10-13\+img+DownloadFiles\a\2000-10-13\,"+iHeight+","+iWidth+","+animate+")",10);
}
}
好了，让我们来 幌卵菔景?/a> 好了，这就是所有我想说的。不过最后，我想说的是，通过这个例子，我旨在说明IE和Netscape中的不同点，也是在提醒各位，你的动态HTML要跨浏览器是很不容易的，而且要做到这点，你必须要搞清楚这两种浏览器中的一些设置。（完）计算机基础教程网
|
引用提示：
内容页面：动态改变图片尺寸二 --- Script
作者：ItWen收集整理
来源：www.ITWEN.com 计算机基础教程网
|
版权申明：
本网站所有内容，未经注明的，版权一律属于计算机基础教程网(ＩＴＷＥＮ.com)制作署所有。转载引用本网站的原创文章，请务必注明信息来源，标明“计算机基础教程网(ＩＴＷＥＮ.com)”字样。
计算机基础教程网(ＩＴＷＥＮ.com)依法保护知识产权，如果我们的文章有涉及或侵犯您的有关权益，请即时与我们联系， 注明网址及文章，我们会即时处理或删除， 感谢您的合作！
|
【大 中 小】
【返回站点首页】【打印本页】【关闭本页】
|
|
|
|
|
 资料搜索 |
|
|
|
| 热门文章 |
|
|
|
| 前面文章 |
|
|
|
|
最近更新 
设为主页 
将动态改变图片尺寸二 加入收藏 
[投稿登
陆] [问题求解或论坛登 陆]
