js的淡入淡出

我们知道淡入淡的动画效果很优美,那么就让我们来看一看如何在jQuery中实现吧

首先淡入淡出分别为: fadeInt, fadeOut









演示带有不同参数的 fadeIn() 方法。





淡入效果:

js的淡入淡出_第1张图片

js的淡入淡出_第2张图片

js的淡入淡出_第3张图片

完全淡入。

而与hide。show类似,淡入淡出也有俩俩转换的元素:fadeToggle(),方法使用也相同,就不再赘述,我们要讲的是另外一个元素 fadeTo()

允许渐变为给定的不透明度(值介于 0 与 1 之间)例如:










演示带有不同参数的 fadeTo() 方法。





运行结果:js的淡入淡出_第4张图片

不是完全淡入淡出。

你可能感兴趣的:(js的淡入淡出)