Jquery淡入淡出小结
开发工具与关键技术:DW JQuery
作者:杨泽平
撰写时间:2019、1、31
jQuery实现元素淡入淡出效果,它有四种方法,分别是1、fadeIn() 用于淡入已隐藏的元素;2、fadeOut() 用于淡出可见元素;3、fadeToggle() 可以在fadeIn() 与 fadeOut() 方法之间进行切换;4、fadeTo() 允许渐变为给定的不透明度;这些方法可以给它设置speed参数,用于规定效果的时长。这是简单的小结,新手上路请多多指教。
下面看一下我写的例子吧,我写了淡入图片的效果,请看一下代码截图部分:
简单的代码没什么好说的,我就不废话了,直接看效果吧,截图如下:
这是淡入前的:
这是淡入后的效果:
淡出效果也是同理的,在这里我就不多写了。新手莫见怪。