jQuery学习笔记3——简单动画1

加快进度。


隐藏与显示

最基本的事件是hide与show,它可以控制选择的元素的显示与隐藏。两个参数可选,可选的 speed 参数规定隐藏/显示的速度,可以取”slow”、”fast” 或以毫秒为单位的时间,可选的 callback 参数是隐藏或显示完成后所执行的函数名称。

如果不想只能一个按钮只能控制隐藏与显示,则可以使用toggle方法来切换hide与show,可选参数与hide和show相同。

淡入淡出

和隐藏显示很像,它拥有四种方法,fadeIn,fadeOut,fadeToggle,fadeTo。

fadeIn()用于淡入已隐藏的元素,同样接收两个参数speed和callback。

fadeOut()方法用于淡出可见元素。同样接收两个参数speed和callback。

fadeToggle()方法可以在fadeIn()与fadeOut()方法之间进行切换。

fadeTo()可以把元素渐变成某个给定的不透明度,它接收三个参数speed,opacity,callback,其中前两个是必须要写的,第二个参数代表的是渐变的不透明度,值介于0到1之间。

滑动

滑动有slideDown与slideUp,参数依然是可选的speed和callback。当然还有slideToggle,依然是那两个可选参数。

笔记2和笔记3东西不算多,主要还是靠练。运用这些简单的淡入淡出和滑动理论上应该是可以做一些窗口的简单动画。


-------------本文结束,感谢您的阅读转载请注明原作者及出处-------------


本文标题:jQuery学习笔记3——简单动画1

文章作者:Shawn Zhou

发布时间:2019年04月14日 - 16:04

最后更新:2019年04月14日 - 16:04

原始链接:http://shawnzhou.xyz/2019/04/14/19-04-14-01/

许可协议: 署名-非商业性使用-禁止演绎 4.0 国际 转载请保留原文链接及作者。

知识无价,码字不易。对您有用,敬请打赏。金额随意,感谢关心。
0%