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 相关文章推荐
JavaScript事件委托的技术原理探讨示例
Apr 17 Javascript
JS数组的遍历方式for循环与for...in
Jul 31 Javascript
原生Javascript封装的一个AJAX函数分享
Oct 11 Javascript
node.js中的http.createClient方法使用说明
Dec 15 Javascript
javascript正则表达式之search()用法实例
Jan 19 Javascript
使用AngularJS和PHP的Laravel实现单页评论的方法
Jun 19 Javascript
Bootstrap Paginator分页插件与ajax相结合实现动态无刷新分页效果
May 27 Javascript
基于JS实现类似支付宝支付密码输入框
Sep 02 Javascript
jQuery插件echarts实现的单折线图效果示例【附demo源码下载】
Mar 04 Javascript
jQuery plugin animsition使用小结
Sep 14 jQuery
原生JS实现 MUI导航栏透明渐变效果
Nov 07 Javascript
Vue匿名插槽与作用域插槽的合并和覆盖行为
Apr 22 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
PHP+JS+rsa数据加密传输实现代码
2011/03/23 PHP
什么是PEAR?什么是PECL?PHP中两个容易混淆的概念解释
2015/07/01 PHP
Yii快速入门经典教程
2015/12/28 PHP
curl 出现错误的调试方法(必看)
2017/02/13 PHP
学习YUI.Ext 第七天--关于View&amp;JSONView
2007/03/10 Javascript
语义化 H1 标签
2008/01/14 Javascript
Javascript window对象详解
2014/11/12 Javascript
JavaScript中字符串(string)转json的2种方法
2015/06/25 Javascript
javascript发送短信验证码实现代码
2015/11/12 Javascript
js操作cookie保存浏览记录的方法
2015/12/25 Javascript
vue通过watch对input做字数限定的方法
2017/07/13 Javascript
Node.JS枚举统计当前文件夹和子目录下所有代码文件行数
2019/08/23 Javascript
React学习之JSX与react事件实例分析
2020/01/06 Javascript
如何用JS模拟实现数组的map方法
2020/07/30 Javascript
解决await在forEach中不起作用的问题
2021/02/25 Javascript
[49:08]Secret vs VP 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/20 DOTA
python实现马耳可夫链算法实例分析
2015/05/20 Python
Python用Bottle轻量级框架进行Web开发
2016/06/08 Python
PyQT实现多窗口切换
2018/04/20 Python
Python通过调用有道翻译api实现翻译功能示例
2018/07/19 Python
Python装饰器模式定义与用法分析
2018/08/06 Python
Tensorflow分类器项目自定义数据读入的实现
2019/02/05 Python
Kali Linux安装ipython2 和 ipython3的方法
2019/07/11 Python
CSS3 icon font完全指南(CSS3 font 会取代icon图标)
2013/01/06 HTML / CSS
CSS3过渡transition效果实例介绍
2016/05/03 HTML / CSS
蔻驰西班牙官网:COACH西班牙
2019/01/16 全球购物
小学模范班主任事迹材料
2014/05/13 职场文书
计算机应用应届生求职信
2014/07/12 职场文书
家庭财产分割协议范文
2014/11/24 职场文书
2015国庆节宣传语
2015/07/14 职场文书
2015小学师德工作总结
2015/07/21 职场文书
同学聚会祝酒词
2015/08/10 职场文书
优质服务标语口号
2015/12/26 职场文书
创业计划书之奶茶店开店方案范本!
2019/08/06 职场文书
使用HTML+Css+transform实现3D导航栏的示例代码
2021/03/31 HTML / CSS
将MySQL的表数据全量导入clichhouse库中
2022/03/21 MySQL