发表主题您当前位置:首页 / 交流 / JQuery

jQuery显示/隐藏特效:隐藏、显示、切换、滑动、淡入淡出、动画

jaes  2019-03-15  0  0  59

jQuery效果

隐藏、显示、切换、滑动、淡入淡出、以及动画


1、隐藏与显示(改变:display:none;)

hide()——隐藏

show()——显示

toggle()方法:可以使用它来切换hide()与show()方法


2、淡入淡出(改变:宽度、高度、透明度<opacity>)

通过jQuery,可以实现元素的淡入淡出效果(改变opacity透明度)

jQuery拥有以下四种方法:

fadeIn()用于淡入已隐藏的元素

fadeOut()方法用于淡出可见元素

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

如果元素已淡出,则fadeToggle()会向元素添加淡入效果

如果元素已淡入,则fadeToggle()会向元素添加淡出效果


3、滑动(改变:高度)

jQuery滑动方法可使元素上下滑动(主要是改变高度)

通过jQuery,可以在元素上创建滑动效果

jQuery有以下滑动方法:

slideDown()用于向下滑动元素

slideUp()用于向上滑动元素

slideToggle()方法可以在slideDown()和slideUp方法之间进行切换

如果元素向下滑动,则slideToggle()可向上滑动

如果元素向上滑动,则slideToggle()可向下滑动


4、动画效果

1)动画

jQuery animate()方法允许创建自定义的动画

jQuery动画——animate()方法

jQuery animate()方法用于创建自定义动画

2)停止动画

jQuery stop()方法用于在动画或效果完成前对他们进行停止

jQuery stop()方法

jQuery stop()方法用于停止动画或效果,在他们完成之前

stop()方法适用于所有jQuery效果函数,淡入淡出和自定义动画


文章来源:https://www.cnblogs.com/shark1100913/p/6266548.html

说明:该主题及内容可以随意免费转发,但转发时请注明来源于“哈喽吧”哦^_^。

回复主题

上一篇:Jquery 添加属性、添加class、添加Css

下一篇:jquery ajax 接收返回数据类型(dateType)并处理

最新回复(0)

暂无回复
回复主题
提示:请先登录后再回复主题。
  • 站内搜索
  • 百度搜索
  • 搜狗搜索