滑动效果与显示或隐藏

0
视频
0
完成
0%
进度
0
分钟
0
完成
0%
进度

滑动效果有滑入,滑出,还有切换滑动,另外还有显示,隐藏,和切换显示 … 这个视频我们来看一下这些效果 ..

还是使用之前的文档 … 打开它的脚本文件 … 滑入是把元素滑动显示出来 … 用到的方法是 .slideDown() … 从上往下滑入进来 … 把 .fadeIn() 都修改成 .slideDown() …

滑出的效果就是把元素滑动隐藏起来   … 方法是 .slideUp() ..

切换滑动的方法是 .slideToggle() …

保存 … 回到浏览器去试试 …

点击 隐藏 … 封面会从下往上滑动 …

点击 显示 … 封面会从上往下滑动出来 …

显示/隐藏

下面,我们再试一下显示,隐藏,还有切换显示 …

显示可以使用 .show() 方法 … 替换一下 ….

隐藏用的是 .hide() 方法 …

最后还有一个 切换显示 … 用的是 toggle() …

保存 … 回到浏览器 …

点击 隐藏 … 可以隐藏封面 … 点击 显示 .. 可以显示封面  … 切换 … 可以切换显示封面 …

滑动效果与显示或隐藏《 jQuery 基础 》

统计

14696
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点