我尝试使用 jquery-ui 的 addClass/toggleClass 函数在两种状态之间进行转换。我的问题是我也想淡化子容器。
这是一个例子:http: //jsfiddle.net/xhWjP/1/
我也希望#blue 和#red 被动画化,而不仅仅是#transition 块。(点击)。是否已经有内置解决方案,或者我必须自己编写此行为的代码?
谢谢!
我尝试使用 jquery-ui 的 addClass/toggleClass 函数在两种状态之间进行转换。我的问题是我也想淡化子容器。
这是一个例子:http: //jsfiddle.net/xhWjP/1/
我也希望#blue 和#red 被动画化,而不仅仅是#transition 块。(点击)。是否已经有内置解决方案,或者我必须自己编写此行为的代码?
谢谢!
可以使用 CSS3 过渡。(我认为这只是众多方法中的一种)。
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
-ms-transition: all .2s linear;
-o-transition: all .2s linear;
transition: all .2s linear;
可用性:http ://caniuse.com/#search=transition
IE 10+、FF 9+、Chrome 17+