进入旧版 | 服务项目 | 成功案例 | 联系方式 | 过客留言 | 友情链接
   
设为首页
加入收藏
联系我们
网站首页 | 新闻资讯 | 操作系统 | 办公软件 | 网络软件 | 工具软件 | 媒体动画 | 网页制作 | 网站开发 | 程序开发 | 平面设计
Photoshop视频教程 | Word入门 | Flash入门 | JScript | VBScript | ASP | PHP | ADO | 网页特效 | 3DS MAX6.0命令 | 系统进程
您当前的位置:GOODSGY电脑学习网 -> 网站开发 -> JavaScript -> 文章内容  
动态改变图片尺寸(二)

旅嫖腋隽苏龊脑耄?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要跨浏览器是很不容易的,而且要做到这点,你必须要搞清楚这两种浏览器中的一些设置。

在百度中搜索:动态改变图片尺寸(二)
在Google中搜索:动态改变图片尺寸(二)
在Yahoo中搜索:动态改变图片尺寸(二)

收藏到网摘:新浪VIVI 365key 我摘 POCO网摘 博采中心 YouNote 和讯网摘 天天收藏
[] [返回上一页] [打 印] [收 藏]

 相关文章    最新文章
· PowerPoint 2007制作动态音乐相册
· 妙用公式在Excel中制作动态表头
· 实现Excel动态链接外部vfp数据库
· 什么是静态网页和动态网页?
· [图文] C#动态生成树型结构的Web程序设计
· [图文] WPS表格中动态改变数据显示系列的实..
· 动态网页制作PHP常用的正则表达式
· [组图] 用Adobe ImageReady定制适合自己的..
· [组图] Photoshop打造动态雨中的MM动画
· [组图] Photoshop动态画笔绘制迎春鞭炮
 
· 用JS解决网站防挂iframe木马的方案
· 技巧 JavaScript常用判断函数
· IE浏览器中一个值得关注的JS问题
· 简易实现DIV圆角的JavaScript代码
· Javascript调用XML制作连动下拉框
· Javascript实现页内查找关键词实例
· JavaScript的系统函数学习
· JavaScript仿Windows关机效果
· javascript弹出窗口问题总结
· 在JS中使用RecordSet对象的GetRows方法

∷相关文章评论∷    (评论内容只代表网友观点,与本站立场无关!) [更多评论…]
站内搜索

精彩图文
  网站导航  
操作系统 办公软件 网络软件
Vista Windows2003 WindowsXP Windows2000/NT Windows9X/ME Linux 其他 Word Excel Powerpoint Outlook 金山系列 其他 网页浏览 上传下载 联络聊天 邮件工具 服务器软件 网络辅助
工具软件 媒体动画 网页制作
系统工具 媒体工具 压缩工具 图文处理 文件管理 其他 3DMAX Authorware Director Maya 视频处理 其他 Flash Dreamweaver FireWorks FrontPage LiveMotion Golive HTML/CSS 其它
网站开发 平面设计 程序设计
ASP JSP PHP CGI JavaScript VBScript XML/SOAP Web服务器 Photoshop PhotoImpact CorelDraw Illustrator Freehand 设计欣赏 其他 VB VC .NET C/C++ DELPHI JAVA

冀ICP备05019428号
Copyright © 2004-2008 电脑学习网 Inc.All rights reserved.
TEL:13832340607
QQ:39873155
E_Mail:goodsgy(#)hotmail.com   (把(#)替换成@)
MSN:goodsgy(#)hotmail.com   (把(#)替换成@)