animate auto

只能临时用用..千万别直接放在生产环境中...

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
 2     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 3
 4 <html xmlns="http://www.w3.org/1999/xhtml">
 5 <head>
 6
 7   <title></title>
 8   <script type="text/javascript" src="http://code.jquery.com/jquery-latest.pack.js">
 9 </script>
10 </head>
11
12 <body>
13   <div style="overflow:hidden;border:1px solid #000">
14     <div id="test" style="">
15       <br />
16       <br />
17       <br />
18       一些长文字<br />
19       <br />
20       <br />
21     </div>
22   </div>
23
24   <div id="a" style="display:none">
25     <br />
26     <br />
27     <br />
28     <br />
29     <br />
30     更长的文字<br />
31     <br />
32     <br />
33     <br />
34     <br />
35     <br />
36     <br />
37     <br />
38     <br />
39     <br />
40     <br />
41     <br />
42     <br />
43     <br />
44     <br />
45   </div>
46
47     <input type="button" value="pull" id="bb" />
48
49     <script type="text/javascript">
50         $('#bb').click(function(){
51             $('#test').parent().height($('#test').parent().outerHeight());
52             $('#test').html( $('#a').html() )
53             $('#test').parent().animate({height:$('#test').outerHeight()},function(){
54                     setTimeout(function(){$('#test').parent().css('height','auto')},800);
55             });
56             //alert($('#test').height())
57         })
58     </script>
59
60 </body>
61 </html>

转载于:https://www.cnblogs.com/wc1217/archive/2012/11/15/2771215.html

animate auto相关推荐

RPG游戏制作-02-游戏世界主角的诞生
在RPG游戏中,有着各种各样的NPC(Non-Player Control),玩家可以操作主角与NPC进行交互,来获得情报,道具,装备等等.而NPC的概念比较广泛,从各种商人到宝箱再到空气墙,都可以认 ...
Cocos2d-x入门（计算机游戏开发课程笔记）
Cocos2d-x入门(计算机游戏开发课程笔记) 文章目录 Cocos2d-x入门(计算机游戏开发课程笔记) 一. 环境搭建 1. 查看版本 2. 创建项目二. 基础架构 1.命名空间 2. 程序入 ...
SDL农场游戏开发 4.Crop类，作物的产生及成长
首先,先创建一个Entity类.该类的内部有一个精灵对象及相关操作来专门负责显示,以后需要显示的类都可继承自Entity类.比如Crop类的父类就是Entity. 问:为什么Soil类不继承自Enti ...
android Auto animate layout updates
准备花一段时间把Android官方文档翻译下, 系统的学习下,今天学习layout布局文件自动添加动画 https://developer.android.google.cn/training/ani ...
vue过渡和animate.css结合使用
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8" ...
css3效果： animate实现点点点loading动画效果（一）
实现如图所示的点点点loading效果: 一:CSS3 animation实现代码 html代码: 提交订单中<span class="ani_dot">...< ...
自定义动画 animate || 案例：王者荣耀手风琴效果分析
自定义动画 animate <!DOCTYPE html> <html lang="en"><head><meta charset=&qu ...
animate.css（第三方动画使用方法）
animation 语法: animation: name duration timing-function delay iteration-count direction; animation-na ...
animate 实现滑动切换效果
今天和大家分享一下用 animate 实现滑动切换效果的小例子 ------- 来自<一只有梦想的前端小白> 大家都知道jQuery 提供的有一下几种方法能够实现滑动效果: slideDo ...
jquery animate自定义动画
动画 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.o ...

animate auto

animate auto相关推荐

最新文章

热门文章