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 string 扩展库代码
Apr 09 Javascript
Java 正则表达式学习总结和一些小例子
Sep 13 Javascript
javascript中字符串的定义示例代码
Dec 19 Javascript
jquery弹出层类代码分享
Dec 27 Javascript
Javascript玩转继承(二)
May 08 Javascript
JavaScript中的document.referrer在各种浏览器测试结果
Jul 18 Javascript
H5用户注册表单页 注册模态框!
Sep 17 Javascript
JS验证全角与半角及相互转化的介绍
May 18 Javascript
JavaScript+HTML5实现的日期比较功能示例
Jul 12 Javascript
gulp安装以及打包合并的方法教程
Nov 19 Javascript
vue实现pdf导出解决生成canvas模糊等问题(推荐)
Oct 18 Javascript
解决layer弹出层msg的文字不显示的问题
Sep 11 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
便携利器 — TECSUN PL-365简评
2021/03/02 无线电
在PHP的图形函数中显示汉字
2006/10/09 PHP
php获取post中的json数据的实现方法
2011/06/08 PHP
php树型类实例
2014/12/05 PHP
PHP实现多维数组转字符串和多维数组转一维数组的方法
2015/08/08 PHP
如何在centos8自定义目录安装php7.3
2019/11/28 PHP
?牟┛途W扣了一??效果出?? target=
2007/05/27 Javascript
js的表单操作 简单计算器
2011/12/29 Javascript
jquery的$getjson调用并获取远程的JSON字符串问题
2012/12/10 Javascript
js实现的折叠导航示例
2013/11/29 Javascript
js实现分享到随页面滚动而滑动效果的方法
2015/04/10 Javascript
JavaScript提高网站性能优化的建议(二)
2016/07/24 Javascript
AngularJs Dependency Injection(DI,依赖注入)
2016/09/02 Javascript
jquery点击展示与隐藏更多内容
2016/12/03 Javascript
Bootstrap Table 删除和批量删除
2017/09/22 Javascript
利用百度地图API获取当前位置信息的实例
2017/11/06 Javascript
基于express中路由规则及获取请求参数的方法
2018/03/12 Javascript
微信小程序中实现手指缩放图片的示例代码
2018/03/13 Javascript
vue中使用GraphQL的实例代码
2019/11/04 Javascript
Python 条件判断的缩写方法
2008/09/06 Python
python获得图片base64编码示例
2014/01/16 Python
Python中的XML库4Suite Server的介绍
2015/04/14 Python
详解使用python crontab设置linux定时任务
2016/12/08 Python
python中reload(module)的用法示例详解
2017/09/15 Python
python的debug实用工具 pdb详解
2019/07/12 Python
Python中random模块常用方法的使用教程
2020/10/04 Python
解决PDF 转图片时丢文字的一种可能方式
2021/03/04 Python
HTML5的Geolocation地理位置定位API使用教程
2016/05/12 HTML / CSS
HTML5 Canvas的常用线条属性值总结
2016/03/17 HTML / CSS
高一历史教学反思
2014/01/13 职场文书
留守儿童工作方案
2014/06/02 职场文书
英文感谢信范文
2015/01/21 职场文书
你为什么是穷人?可能是这5个缺点造成
2019/07/11 职场文书
OpenCV-Python 实现两张图片自动拼接成全景图
2021/06/11 Python
将MySQL的表数据全量导入clichhouse库中
2022/03/21 MySQL
V Rising 服务器搭建图文教程
2022/06/16 Servers