2 weixin 38422826 weixin_38422826 于 2017.09.14 09:55 提问

jquery animate() method中的if else语句

这个是来自java tutorial中的一段jquery animate()方法所涉及到的代码:
<!doctype html>







jQuery UI Effects - Animate demo







<br><br> .toggler { width: 500px; height: 200px; position: relative; }<br><br> #button { padding: .5em 1em; text-decoration: none; }<br><br> #effect { width: 240px; height: 135px; padding: 0.4em; position: relative; background: #fff; }<br><br> #effect h3 { margin: 0; padding: 0.4em; text-align: center; }<br><br>

<br><br> $(function() {<br><br> var state = true;<br><br> $( &quot;#button&quot; ).click(function() {<br><br> if ( state ) {<br><br> $( &quot;#effect&quot; ).animate({<br><br> backgroundColor: &quot;#aa0000&quot;,<br><br> color: &quot;#fff&quot;,<br><br> width: 500<br><br> }, 1000 );<br><br> } else {<br><br> $( &quot;#effect&quot; ).animate({<br><br> backgroundColor: &quot;#fff&quot;,<br><br> color: &quot;#000&quot;,<br><br> width: 240<br><br> }, 1000 );<br><br> }<br><br> state = !state;<br><br> });<br><br> });<br><br>



Animate

Javatpoint.com is the best tutorial website to learn Java and other programming languages.

Toggle Effect



问题是这个
1.state指向的是什么啊?2.if else语句又分别在这里起到什么作用?

3个回答

weixin_38422826
weixin_38422826   2017.09.14 10:00

请大家忽略上面关于javapoint.com的介绍。

m0_38082783
m0_38082783   2017.09.14 11:03

1,state的作用是确定执行哪一个动画如果为true,执行第一个,否则执行第二个同时赋值state = !state也就是state = true;
2,用来判断state的状态,来执行哪一个动画

weixin_38422826
weixin_38422826   2017.09.15 09:03

可是这里面只有一个动画效果啊 只写了一次animate{}?我理解你的意思是图中有多个animate().

Csdn user default icon
上传中...
上传图片
插入图片