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 相关文章推荐
this[] 指的是什么内容 讨论
Mar 24 Javascript
一步一步教你写一个jQuery的插件教程(Plugin)
Sep 03 Javascript
Mootools 1.2教程 事件处理
Sep 15 Javascript
模仿JQuery sortable效果 代码有错但值得看看
Nov 05 Javascript
javascript 正则表达式相关应介绍
Nov 27 Javascript
使用js声明数组,对象在jsp页面中(获得ajax得到json数据)
Nov 05 Javascript
JQuery实现的购物车功能(可以减少或者添加商品并自动计算价格)
Jan 13 Javascript
JavaScript Array对象详解
Mar 01 Javascript
jquery点击切换背景色的简单实例
Aug 25 Javascript
使用jquery+iframe做一个ajax上传效果(实例)
Aug 24 jQuery
VUE + UEditor 单图片跨域上传功能的实现方法
Feb 08 Javascript
layer.open弹层查看缩略图的原图,自适应大小的实例
Sep 05 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
《忧国的莫里亚蒂》先导宣传图与STAFF公开
2020/03/04 日漫
php 常用字符串函数总结
2008/03/15 PHP
使用XDebug调试及单元测试覆盖率分析
2011/01/27 PHP
PHP file_get_contents设置超时处理方法
2013/09/30 PHP
WordPress开发中的get_post_custom()函数使用解析
2016/01/04 PHP
PHP+MySQL统计该库中每个表的记录数并按递减顺序排列的方法
2016/02/15 PHP
laravel实现上传图片并在页面显示的例子
2019/10/14 PHP
laravel5.5安装jwt-auth 生成token令牌的示例
2019/10/24 PHP
jquery创建div 实现代码
2009/04/27 Javascript
jQuery live
2009/05/15 Javascript
jQuery-serialize()输出序列化form表单值的方法
2012/12/26 Javascript
JS上传组件FileUpload自定义模板的使用方法
2016/05/10 Javascript
AngularJS之依赖注入模拟实现
2016/08/19 Javascript
微信小程序 SocketIO 实例讲解
2016/10/13 Javascript
Javascript使用uploadify来实现多文件上传
2016/11/16 Javascript
解析AngularJS中get请求URL出现的跨域问题
2016/12/01 Javascript
angularJs提交文本框数据到后台的方法
2018/10/08 Javascript
浅谈React碰到v-if
2018/11/04 Javascript
JavaScript 判断iPhone X Series机型的方法
2019/01/28 Javascript
微信自定义分享链接信息(标题,图片和内容)实现过程详解
2019/09/04 Javascript
详解Webpack4多页应用打包方案
2020/07/16 Javascript
Python实现的随机森林算法与简单总结
2018/01/30 Python
python爬虫获取小区经纬度以及结构化地址
2018/12/30 Python
python配置grpc环境
2019/01/01 Python
python 实现在tkinter中动态显示label图片的方法
2019/06/13 Python
react+django清除浏览器缓存的几种方法小结
2019/07/17 Python
Python爬虫实现vip电影下载的示例代码
2020/04/20 Python
如何通过python计算圆周率PI
2020/11/11 Python
Staples美国官方网站:办公用品一站式采购
2016/07/28 全球购物
英国信箱在线鲜花速递公司:Bloom & Wild
2019/03/10 全球购物
美国Curacao百货连锁店网站:iCuracao.com
2019/07/20 全球购物
计算机专业个人简短的自我评价
2013/10/23 职场文书
监察局领导班子四风问题整改措施思想汇报
2014/10/05 职场文书
党员争先创优承诺书
2015/01/20 职场文书
2015年司法所工作总结
2015/04/27 职场文书
2015年驾驶员工作总结
2015/04/29 职场文书