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 隔行换色函数代码
Oct 24 Javascript
web的各种前端打印方法之jquery打印插件jqprint实现网页打印
Jan 09 Javascript
JS保存、读取、换行、转Json报错处理方法
Jun 14 Javascript
JavaScript分秒倒计时器实现方法
Feb 02 Javascript
jQuery监控文本框事件并作相应处理的方法
Apr 16 Javascript
js实现仿百度汽车频道选择汽车图片展示实例
May 06 Javascript
javascript十六进制及二进制转化的方法
May 06 Javascript
手机端js和html5刮刮卡效果
Sep 29 Javascript
vuex的使用及持久化state的方式详解
Jan 23 Javascript
解决vue-cli创建项目的loader问题
Mar 13 Javascript
Angular2中监听数据更新的方法
Aug 31 Javascript
vue2路由基本用法实例分析
Mar 06 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开发环境配置记录
2011/01/14 PHP
PHP 类相关函数的使用详解
2013/05/10 PHP
如何用php获取程序执行的时间
2013/06/09 PHP
PHP多个文件上传到服务器实例
2014/10/29 PHP
PHP Smarty模版简单使用方法
2016/03/30 PHP
PHP实现图片防盗链破解操作示例【解决图片防盗链问题/反向代理】
2020/05/29 PHP
javascript 模拟JQuery的Ready方法实现并出现的问题
2009/12/06 Javascript
真正的JQuery.ajax传递中文参数的解决方法
2011/05/28 Javascript
jQuery中parents()和parent()的区别分析
2014/10/28 Javascript
javascript带回调函数的异步脚本载入方法实例分析
2015/07/02 Javascript
基于jQuery仿淘宝产品图片放大镜特效
2020/10/19 Javascript
JavaScript笔记之数据属性和存储器属性
2016/03/31 Javascript
使用base64对图片的二进制进行编码并用ajax进行显示
2017/01/03 Javascript
JS正则替换去空格的方法
2017/03/24 Javascript
JS获取鼠标位置距浏览器窗口距离的方法示例
2017/04/11 Javascript
前端构建工具之gulp的配置与搭建详解
2017/06/12 Javascript
node文件上传功能简易实现代码
2017/06/16 Javascript
JavaScript之underscore_动力节点Java学院整理
2017/07/03 Javascript
JS中Object对象的原型概念基础
2018/01/29 Javascript
微信web端后退强制刷新功能的实现代码
2018/03/04 Javascript
JS实现Cookie读、写、删除操作工具类示例
2018/08/28 Javascript
12 种使用Vue 的最佳做法
2020/03/30 Javascript
Vue router传递参数并解决刷新页面参数丢失问题
2020/12/02 Vue.js
[26:21]浴火之凤-TI4世界冠军Newbee战队纪录片
2014/08/07 DOTA
[57:50]DOTA2上海特级锦标赛主赛事日 - 4 胜者组决赛Secret VS Liquid第二局
2016/03/05 DOTA
python中将字典形式的数据循环插入Excel
2018/01/16 Python
详解python异步编程之asyncio(百万并发)
2018/07/07 Python
Python3.7在anaconda里面使用IDLE编译器的步骤详解
2020/04/29 Python
实例讲解使用CSS实现多边框和透明边框的方法
2015/09/08 HTML / CSS
影视动画专业个人的自我评价
2013/12/31 职场文书
证婚人搞笑证婚词
2014/01/10 职场文书
喝酒检查书范文
2014/02/23 职场文书
追悼会主持词
2014/03/20 职场文书
大学生简历求职信
2014/06/24 职场文书
2014年纪检部工作总结
2014/11/12 职场文书
CSS实现背景图片全屏铺满自适应的3种方式
2022/07/07 HTML / CSS