网页制作隐藏对象巧利用 -pc6资讯

您的位置：首页 → 网页设计 → DreamWeaver → 网页制作隐藏对象巧利用

网页制作隐藏对象巧利用 时间：2004/11/7 2:33:00来源：本站整理作者：蓝点我要评论(0)

在网页制作中，通过一些隐藏对象，如隐藏IFrame、隐藏表单对象、隐藏图片的应用，通常能起到加速网页下载速度或增强网页交互功能的作用。下面笔者就通过几个实例来说明应用的方法。

一、使用隐藏图片实现图片交换效果

一般实现图片交换效果（如鼠标移入和移出或点击交换），都是通过在javascript代码中改变图片的来源属性SRC实现。其弊端是每次切换图片时都必须重新下载新图片，在图片较大或网速较慢的情形下无疑会出现等待下载的问题。有些网页编辑器如Dreamweaver中提供了预下载（Preload）的函数，但实际上据笔者在IE 6.0中测试发现并不能解决此问题。

现在笔者提供一种方法，在下载网页时将要交换的图片全部下载，并将其位置设为相同（利用CSS属性）。在交换时改变图片CSS属性中的可见性属性（Visibility）为隐藏（Hidden）或可见（Visible），即可避免重新下载新图片。下面是一个鼠标移出移入交换Pic1.jpg和Pic2.jpg的实例。

function change_img(from_img,to_img){ //将from_img替换为to_img
document.images[from_img].style.visibility = "hidden";
document.images[to_img].style.visibility = "visible";
}
" _ue_custom_node_="true">

文章评论

查看所有0条评论>>

热门文章 没有查询到任何记录。