JavaScript·JavaScript 实例讲解 -- 追寻梦想＞编程乐园

JavaScript 实例讲解

淡出淡入效果

效果演示：

源代码如下：

这段程序放在<body>与</body>之间

源程序讲解：

var b = 1;	定义变量b的值为1。
var c = true;	定义变量c为布尔型变量，值为true.
function fade()	定义一个函数，名为fade.
{ if(document.all); if(c == true) { b++; } }	当用户的浏览器是IE时，且C的值为真时，b的值累加，即b=b+1。
if(b==100) { b--; c = false }	如果b的值为100时，其值自减，即b=b-1,即透明度下降，且c的值为假。
f(b==10) { b++; c = true; }	如果b的值为10时，其值自加，即b=b+1，且c的值为真。
if(c == false) { b--; } child.filters.alpha.opacity=0 + b;	且C的值为假时，b的值自减。此时，这张图的alpha(透明度)等于“0+b”的值。
setTimeout("fade()",100);	图像每100毫秒，调用一次fade函数，即透明度变化一次。可以通过调整这个数字，来控制变化的快慢。
<img src=img/1.jpg name=child style="filter:alpha(opacity=0>	插入一个文件名为“1.jpg”的图片，name=child，设置其透明度为0。

注：此例效果只能在IE中出现。图片放在与文件同级的“img”文件夹中，名为1.jpg。