Jquery效果-animate,toggle
animate() 方法执行 CSS 属性集的自定义动画。
语法:$("divImg").animate(styles,speed,easing,callback)
参数:styles 必填,规定产生动画效果的 CSS 样式和值
speed 可选,规定动画产生速度,默认normal,还有fast ,slow,毫秒值
easing 可选,不同的动画点种设置速度(很少使用)
callback可选,animate函数之后执行的函数
toggle() 方法切换元素的可见状态。
语法:$(selector).toggle(speed,callback,switch)
参数:三个参数都是可选的,
switch:布尔值。规定 toggle 是否隐藏或显示所有被选元素。true、false,如果设置此参数,则无法使用 speed和 callback 参数。
实例:
View Code
1 <script type="text/javascript">
2 // 收缩展开效果
3 $(document).ready(function () {
4 $(".information_title").toggle(function () {
5 $(this).next(".information_contant").animate({ height: 'toggle', opacity: 'toggle' }, "slow");
6 }, function () {
7 $(this).next(".information_contant").animate({ height: 'toggle', opacity: 'toggle' }, "slow");
8 });
9 });
10 </script>
11
12 <div class="information_title">
13
14
15 </div>
16
17 <div class="information_contant">
18
19 </div>