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 YUI 读码日记之 YAHOO.util.Dom - Part.3
Mar 22 Javascript
document.forms[].submit()使用介绍
Feb 19 Javascript
判断浏览器的内核及版本号方法汇总
Jan 05 Javascript
浅谈javascript中for in 和 for each in的区别
Apr 23 Javascript
jquery获取复选框的值的简单实例
May 26 Javascript
vue2.0开发实践总结之入门篇
Dec 06 Javascript
ES6学习教程之块级作用域详解
Oct 09 Javascript
JS实现元素上下左右移动效果
Oct 18 Javascript
Angular项目从新建、打包到nginx部署全过程记录
Dec 09 Javascript
vue添加axios,并且指定baseurl的方法
Sep 19 Javascript
Vue.js实现的购物车功能详解
Jan 27 Javascript
ECharts地图绘制和钻取简易接口详解
Jul 12 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跨域cookie共享使用方法
2014/02/20 PHP
php图片处理函数获取类型及扩展名实例
2014/11/19 PHP
PHP请求远程地址设置超时时间的解决方法
2016/10/29 PHP
yii2实现 &quot;上一篇,下一篇&quot; 功能的代码实例
2017/02/04 PHP
javascritp实现input输入框相关限制用法
2007/06/29 Javascript
JS给Textarea文本框添加行号的方法
2015/08/20 Javascript
javascript发送短信验证码实现代码
2015/11/12 Javascript
浅谈JS函数定义方式的区别
2016/10/30 Javascript
Ajax跨域实现代码(后台jsp)
2017/01/21 Javascript
微信小程序  TLS 版本必须大于等于1.2问题解决
2017/02/22 Javascript
react native带索引的城市列表组件的实例代码
2017/08/08 Javascript
jQuery Datatable 多个查询条件自定义提交事件(推荐)
2017/08/24 jQuery
vue2.x select2 指令封装详解
2017/10/12 Javascript
利用Node.js检测端口是否被占用的方法
2017/12/07 Javascript
bootstrap fileinput插件实现预览上传照片功能
2018/01/23 Javascript
react-native-video实现视频全屏播放的方法
2018/03/19 Javascript
vue进入页面时滚动条始终在底部代码实例
2019/03/26 Javascript
解决vue项目刷新后,导航菜单高亮显示的位置不对问题
2019/11/01 Javascript
Python中的左斜杠、右斜杠(正斜杠和反斜杠)
2016/08/30 Python
python框架django基础指南
2016/09/08 Python
Python编程实现及时获取新邮件的方法示例
2017/08/10 Python
python OpenCV学习笔记直方图反向投影的实现
2018/02/07 Python
pytorch + visdom 处理简单分类问题的示例
2018/06/04 Python
Flask框架Jinjia模板常用语法总结
2018/07/19 Python
Flask框架Flask-Login用法分析
2018/07/23 Python
python实现Zabbix-API监控
2018/09/17 Python
python 找出list中最大或者最小几个数的索引方法
2018/10/30 Python
pymysql的简单封装代码实例
2020/01/08 Python
Python post请求实现代码实例
2020/02/28 Python
python tkinter之 复选、文本、下拉的实现
2020/03/04 Python
墨尔本照明批发商店:Mica Lighting
2017/12/28 全球购物
linux系统都有哪些运行级别
2012/04/15 面试题
汉语专业应届生求职信
2013/10/01 职场文书
考研英语辞职信
2015/05/13 职场文书
死磕 java同步系列之synchronized解析
2021/06/28 Java/Android
Mysql存储过程、触发器、事件调度器使用入门指南
2022/01/22 MySQL