jQuery效果：隐藏、显示、切换、滑动、淡入淡出、动画-白红宇

jQuery效果：隐藏、显示、切换、滑动、淡入淡出、动画

阅读量：4634 次

发布时间：2019-06-09

本文共 1145 字，大约阅读时间需要 3 分钟。

jQuery效果隐藏、显示、切换、滑动、淡入淡出、以及动画1、隐藏与显示(改变：display：none;)hide()——隐藏show()——显示toggle()方法：可以使用它来切换hide()与show()方法eg1：显示
     
      世界那么大
     
eg2：隐藏黄河是中国的第二大河流
eg3：toggle()——点击按钮隐藏，再点击又显示
     
eg3.1:
     
2、淡入淡出(改变：宽度、高度、透明度
     
      )通过jQuery，可以实现元素的淡入淡出效果(改变opacity透明度)jQuery拥有以下四种方法：fadeIn()用于淡入已隐藏的元素fadeOut()方法用于淡出可见元素fadeToggle()该方法可以在fadeInt()与fadeOut()方法之间进行切换如果元素已淡出，则fadeToggle()会向元素添加淡入效果如果元素已淡入，则fadeToggle()会向元素添加淡出效果jQuery fadeTo()方法jQuery fadeTo()方法允许渐变为给定的不透明（值介于0与1之间）eg:fadeIn()淡入元素  fadeOut淡出元素 fadeToggle()切换  fadeTo透明度
      
      
      
      
      
      
      
      3、滑动(改变：高度)jQuery滑动方法可使元素上下滑动（主要是改变高度）通过jQuery，可以在元素上创建滑动效果jQuery有以下滑动方法：slideDown()用于向下滑动元素slideUp()用于向上滑动元素slideToggle()方法可以在slideDown()和slideUp方法之间进行切换如果元素向下滑动，则slideToggle()可向上滑动如果元素向上滑动，则slideToggle()可向下滑动eg：
      
      
      
      
      
      
      4、 1）动画jQuery animate()方法允许创建自定义的动画jQuery动画——animate()方法jQuery animate()方法用于创建自定义动画2）停止动画jQuery stop()方法用于在动画或效果完成前对他们进行停止jQuery stop()方法jQuery stop()方法用于停止动画或效果，在他们完成之前stop()方法适用于所有jQuery效果函数，淡入淡出和自定义动画eg：