jquery 多行文本框(textarea)高度变化


Posted in Javascript onJuly 03, 2013
$(function(){ 
    var $comment = $('#comment');  //获取评论框  
    $('.bigger').click(function(){ //放大按钮绑定单击事件  
       if(!$comment.is(":animated")){ //判断是否处于动画  
          if( $comment.height() < 500 ){  
                $comment.animate({ height : "+=50" },400); //重新设置高度,在原有的基础上加50  
          } 
        } 
    }) 
    $('.smaller').click(function(){//缩小按钮绑定单击事件  
       if(!$comment.is(":animated")){//判断是否处于动画  
            if( $comment.height() > 50 ){ 
                $comment.animate({ height : "-=50" },400); //重新设置高度,在原有的基础上减50  
            } 
        } 
    }); 
});
Javascript 相关文章推荐
js change,propertychange,input事件小议
Dec 20 Javascript
图片动画横条广告带上下滚动可自定义图片、链接等等
Oct 20 Javascript
轻松学习jQuery插件EasyUI EasyUI实现树形网络基本操作(2)
Nov 30 Javascript
浅析JavaScript中的对象类型Object
May 26 Javascript
yarn的使用与升级Node.js的方法详解
Jun 04 Javascript
详解利用jsx写vue组件的方法示例
Jul 17 Javascript
JavaScript中使用参数个数实现重载功能
Sep 01 Javascript
mui back 返回刷新页面的实例
Dec 06 Javascript
基于vue.js 2.x的虚拟滚动条的示例代码
Jan 23 Javascript
微信小程序踩坑记录之解决tabBar.list[3].selectedIconPath大小超过40kb
Jul 04 Javascript
JavaScript直接调用函数与call调用的区别实例分析
May 22 Javascript
深入理解 ES6中的 Reflect用法
Jul 18 Javascript
JavaScript常用全局属性与方法记录积累
Jul 03 #Javascript
Function.prototype.call.apply结合用法分析示例
Jul 03 #Javascript
Highcharts 非常实用的Javascript统计图demo示例
Jul 03 #Javascript
jQuery当鼠标悬停时放大图片的效果实例
Jul 03 #Javascript
Javascript/Jquery——简单定时器的多种实现方法
Jul 03 #Javascript
jquery滚动组件(vticker.js)实现页面动态数据的滚动效果
Jul 03 #Javascript
JS去除右边逗号的简单方法
Jul 03 #Javascript
You might like
JavaScript的面向对象(二)
2006/11/09 Javascript
Jquery中删除元素的实现代码
2011/12/29 Javascript
ParseInt函数参数设置介绍
2014/01/02 Javascript
JavaScript中的Math 使用介绍
2014/04/21 Javascript
node.js中的定时器nextTick()和setImmediate()区别分析
2014/11/26 Javascript
jquery实现图片随机排列的方法
2015/05/04 Javascript
jQuery实现Tab选项卡切换效果简单演示
2015/11/23 Javascript
javascript轮播图算法
2016/10/21 Javascript
BootStrap modal模态弹窗使用小结
2016/10/26 Javascript
javascript history对象详解
2017/02/09 Javascript
bootstrap fileinput 插件使用项目总结(经验)
2017/02/22 Javascript
vue中用动态组件实现选项卡切换效果
2017/03/25 Javascript
ES6 javascript中class类的get与set用法实例分析
2017/10/30 Javascript
vue微信分享 vue实现当前页面分享其他页面
2017/12/02 Javascript
解决JSON.stringify()自动将中文转译成unicode的问题
2018/01/05 Javascript
JS/HTML5游戏常用算法之碰撞检测 包围盒检测算法详解【凹多边形的分离轴检测算法】
2018/12/13 Javascript
如何用JavaScript实现功能齐全的单链表详解
2019/02/11 Javascript
JS对日期操作封装代码实例
2019/11/08 Javascript
[02:07]DOTA2超级联赛专访BBC:难忘网吧超神经历
2013/06/09 DOTA
[58:09]Spirit vs NB Supermajor小组赛 A组败者组决赛 BO3 第三场 6.2
2018/06/03 DOTA
Python里隐藏的“禅”
2014/06/16 Python
Python下singleton模式的实现方法
2014/07/16 Python
Python简单调用MySQL存储过程并获得返回值的方法
2015/07/20 Python
Python处理文本文件中控制字符的方法
2017/02/07 Python
Python实现按照指定要求逆序输出一个数字的方法
2018/04/19 Python
python实现输入数字的连续加减方法
2018/06/22 Python
PyTorch之nn.ReLU与F.ReLU的区别介绍
2020/06/27 Python
详解Python流程控制语句
2020/10/28 Python
python 基于opencv 实现一个鼠标绘图小程序
2020/12/11 Python
Stefania Mode美国:奢华设计师和时尚服装
2018/01/07 全球购物
优质有机椰子产品:Dr. Goerg
2019/09/24 全球购物
大学生村官典型材料
2014/01/12 职场文书
私人委托书格式
2014/09/10 职场文书
课外活动总结
2015/02/04 职场文书
2015社区精神文明建设工作总结
2015/04/21 职场文书
2016优秀员工先进事迹材料
2016/02/25 职场文书