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 相关文章推荐
通用于ie和firefox的函数 GetCurrentStyle (obj, prop)
Dec 27 Javascript
JQuery实现表格动态增加行并对新行添加事件
Jul 30 Javascript
JS辨别访问浏览器判断是android还是ios系统
Aug 19 Javascript
JavaScript中实现PHP的打乱数组函数shuffle实例
Oct 11 Javascript
使用js获取地址栏参数的方法推荐(超级简单)
Jun 14 Javascript
JavaScript性能优化之函数节流(throttle)与函数去抖(debounce)
Aug 11 Javascript
微信小程序 swiper组件轮播图详解及实例
Nov 16 Javascript
关于HTML5的data-*自定义属性的总结
May 05 Javascript
angularjs 动态从后台获取下拉框的值方法
Aug 13 Javascript
详解Vue依赖收集引发的问题
Apr 22 Javascript
使用JavaScript通过前端发送电子邮件
May 22 Javascript
vue 调用 RESTful风格接口操作
Aug 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
PHP 5.3新特性命名空间规则解析及高级功能
2010/03/11 PHP
PHP 飞信好友免费短信API接口开源版
2010/07/22 PHP
在PHP模板引擎smarty生成随机数的方法和math函数详解
2014/04/24 PHP
Laravel 5框架学习之Eloquent 关系
2015/04/09 PHP
正确的PHP匹配UTF-8中文的正则表达式
2015/05/13 PHP
PHP有序表查找之插值查找算法示例
2018/02/10 PHP
Thinkphp框架使用list_to_tree 实现无限级分类列出所有节点示例
2020/04/04 PHP
prototype Element学习笔记(篇一)
2008/10/26 Javascript
js wmp操作代码小结(音乐连播功能)
2008/11/08 Javascript
在UpdatePanel内jquery easyui效果失效的解决方法
2010/04/11 Javascript
JavaScript类属性的访问方式详解
2014/02/11 Javascript
解析Node.js基于模块和包的代码部署方式
2016/02/16 Javascript
JQuery插件Marquee.js实现无缝滚动效果
2016/04/26 Javascript
AngularJS学习笔记(三)数据双向绑定的简单实例
2016/11/08 Javascript
JS生成和下载二维码的代码
2016/12/07 Javascript
React利用插件和不用插件实现双向绑定的方法详解
2017/07/03 Javascript
javascript 面向对象实战思想分享
2017/09/07 Javascript
ios设备中angularjs无法改变页面title的解决方法
2018/09/13 Javascript
用Object.prototype.toString.call(obj)检测对象类型原因分析
2018/10/11 Javascript
基于vue的验证码组件的示例代码
2019/01/22 Javascript
element-ui 文件上传修改文件名的方法示例
2019/11/05 Javascript
JavaScript实现京东放大镜效果
2019/12/03 Javascript
python并发2之使用asyncio处理并发
2017/12/21 Python
Python语言描述随机梯度下降法
2018/01/04 Python
python 计算积分图和haar特征的实例代码
2019/11/20 Python
在django admin详情表单显示中添加自定义控件的实现
2020/03/11 Python
Python logging模块写入中文出现乱码
2020/05/21 Python
Python中关于logging模块的学习笔记
2020/06/03 Python
python和c语言哪个更适合初学者
2020/06/22 Python
HTML中meta标签及Keywords
2020/04/15 HTML / CSS
Spongelle官网:美国的创意护肤洗护品牌
2019/05/15 全球购物
Dyson戴森波兰官网:Dyson.pl
2019/08/05 全球购物
法国体育用品商店:GO Sport
2019/10/23 全球购物
优秀经理事迹材料
2014/02/01 职场文书
重阳节主题班会
2015/08/17 职场文书
Win11如何修改dns?Win11修改dns图文教程
2022/01/18 数码科技