在“jquery in action”一书中需要帮助理解这段代码

时间:2011-06-04 15:05:46

标签: javascript jquery

第156页的jQuery in action一书中的此代码。

我不明白这一部分:

{opacity:'toggle'}

toggle可以opacity值吗?

$.fn.fadeToggle = function(speed){
return this.animate({opacity:'toggle'},speed);
};

6 个答案:

答案 0 :(得分:2)

切换是一个快捷方式字符串,可在元素的显示/隐藏状态之间切换。

来自http://api.jquery.com/animate/

  

除了数值之外,每个属性都可以使用字符串'show','hide'和'toggle'。这些快捷方式允许自定义隐藏和显示动画,并考虑元素的显示类型。

答案 1 :(得分:2)

jQuery doc:

  

除了数值之外,每个属性都可以使用字符串'show','hide'和'toggle'。这些快捷方式允许自定义隐藏和显示动画,并考虑元素的显示类型。“Source

是的,它可以是一个值。

答案 2 :(得分:2)

来自documentation

  

除了数值,每个   财产可以采取字符串'显示',   '隐藏'和'切换'。这些捷径   允许自定义隐藏和显示   考虑到的动画   显示元素的类型。

使用toggle将以您指定的速度为元素的不透明度设置动画 - 如果它可见则隐藏它,如果它被隐藏则显示它。

答案 3 :(得分:2)

切换,在显示和隐藏之间切换。来自同一本书:

  

除了特定值,我们还可以指定其中一个字符串hide,show或   切换; jQuery将根据规范计算最终值   字符串。例如,使用hide作为opacity属性将导致   使用任何这些特殊字符串的元素的不透明度减少到0   自动显示或从显示中删除元素的附加效果   (如hide()和show()命令)。   您是否注意到我们引入核心动画时没有   切换淡入淡出效果的命令?这很容易使用animate()和   切换如下

答案 4 :(得分:2)

为了帮助您解决英语问题,这里的代码旁边是a page that has a couple of demos。单击一次,它会淡化或滑动。再次单击,它将返回其原始状态。

答案 5 :(得分:0)

如果它不透明则变得透明。 如果它是透明的,它会变得不透明。