zoukankan      html  css  js  c++  java
  • jQuery中toggle与slideToggle以及fadeToggle之间的不同

    toggle()方法:

    定义和用法

    切换元素的可见状态。如果被选元素可见,则隐藏这些元素,如果被选元素隐藏,则显示这些元素。

    语法:

    $(selector).toggle(speed,callback,switch)

    slideToggle()方法:

    定义和用法

    通过使用滑动效果(高度变化)来切换元素的可见状态。如果被选元素是可见的,则隐藏这些元素,如果被选元素是隐藏的,则显示这些元素。

    语法:

    $(selector).slideToggle(speed,callback)


    toggle()方法与slideToggle()方法区别在于,toggle方法的效果是从右到左,是一个横向的动作。它是通过display的状态来判断匹配元素的可见性。而slideToggle()方法的效果是从上到下,是一个竖向的动作,它是通过高度来判断匹配元素的可见性。


    fadeToggle()方法:

    定义和用法

    fadeToggle() 方法在 fadeIn() 和 fadeOut() 方法之间切换。
    如果元素是淡出显示的,fadeToggle() 会使用淡入效果显示它们。
    如果元素是淡入显示的,fadeToggle() 会使用淡出效果显示它们。

    语法

    $(selector).fadeToggle(speed,easing,callback)

    这三个方法的参数中,参数均是可选的。第一个参数speed表示的切换两种状态的速度,可以用"slow"、"fast" 或毫秒。

    参数callback表示的是动作完成后所执行函数的名称。

    toggle()中的switch参数是可选的布尔值:True和False,表示toggle是否隐藏或显示所有的被选元素。若设置参数,则无法使用前两个参数。

    fadeToggle()中的easing参数是可选的,表示的是在不同点上元素的速度




  • 相关阅读:
    mp3播放时间
    图片生成视频
    语音合成服务
    360p以上
    实现文字转语音功能
    字幕格式
    音频格式
    视频格式
    微信发朋友圈 -- 群营销素材同步
    FourCC
  • 原文地址:https://www.cnblogs.com/cmderq/p/9130834.html
Copyright © 2011-2022 走看看