一 介绍
加载事件(onload)是在网页加载完毕后触发相应的事件处理程序,它可以在网页加载完成后对网页中的表格样式、字体、背景颜色等进行设置。
卸载事件(unload)是在卸载网页时触发相应的事件处理程序,卸载网页是指关闭当前页或从当前页跳转到其他网页中,该事件常被用于在关闭当前页或跳转其他网页时,弹出询问提示框。
在制作网页时,为了便于网页资原的利用,可以在网页加载事件中对网页中的元素进行设置。
二 应用
本示例是在网页加载时,将图片缩小成指定的大小,当鼠标移动到图片上时,将图片大小恢复成原始大小。
这样可以避免使用大小相同的两个图片进行切换。
三 代码
<body onunload="pclose()"> <img src="TEMP.jpg" name="img1" onload="blowup()" onmouseout="blowup()" onmouseover="reduce()"> <script language="javascript"> <!-- var h=img1.height; var w=img1.width; function blowup() //缩小图片 { if (img1.height>=h) { img1.height=h-100; img1.width=w-100; } } function reduce() //恢复图片的原始大小 { if (img1.height<h) { img1.height=h; img1.width=w; } } //--> </script> </body>
四 运行结果