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面向对象编程
Mar 04 Javascript
关于jQuery $.isNumeric vs. $.isNaN vs. isNaN
Apr 15 Javascript
js中方法重载如何实现?以及函数的参数问题
Aug 01 Javascript
javascript基于HTML5 canvas制作画箭头组件
Jun 25 Javascript
jQuery根据用户电脑是mac还是pc加载对应样式的方法
Jun 26 Javascript
js实现商城星星评分的效果
Dec 29 Javascript
jquery基于layui实现二级联动下拉选择(省份城市选择)
Jun 20 jQuery
vue-cli的工程模板与构建工具详解
Sep 27 Javascript
详解如何使用webpack打包多页jquery项目
Feb 01 jQuery
VUE脚手架具体使用方法
May 20 Javascript
一文快速详解前端框架 Vue 最强大的功能
May 21 Javascript
Vue指令之 v-cloak、v-text、v-html实例详解
Aug 08 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错误日志 display_errors与log_errors的区别
2012/10/09 PHP
php中字符查找函数strpos、strrchr与strpbrk用法
2014/11/18 PHP
php文件扩展名判断及获取文件扩展名的N种方法
2015/09/12 PHP
php获取字符串前几位的实例(substr返回字符串的子串用法)
2017/03/08 PHP
在Ubuntu 18.04上安装PHP 7.3 7.2和7.0的方法
2019/04/09 PHP
PHP生成zip压缩包的常用方法示例
2019/08/22 PHP
JS代码优化技巧之通俗版(减少js体积)
2011/12/23 Javascript
js调用打印机打印网页字体总是缩小一号的解决方法
2014/01/24 Javascript
Jquery Ajax xmlhttp请求成功问题
2015/02/04 Javascript
jquery插件splitScren实现页面分屏切换模板特效
2015/06/16 Javascript
jquery.validate 自定义验证方法及validate相关参数
2016/01/18 Javascript
JavaScript实现搜索框的自动完成功能(一)
2016/02/25 Javascript
Angular 输入框实现自定义验证功能
2017/02/19 Javascript
微信小程序url与token设置详解
2017/09/26 Javascript
jQuery实现滚动效果
2017/11/17 jQuery
React Native 截屏组件的示例代码
2017/12/06 Javascript
jQuery选择器之基本选择器用法实例分析
2019/02/19 jQuery
Vue解析带html标签的字符串为dom的实例
2019/11/13 Javascript
js实现星星海特效的示例
2020/09/28 Javascript
python getopt 参数处理小示例
2009/06/09 Python
Python数据持久化shelve模块用法分析
2018/06/29 Python
Python Numpy:找到list中的np.nan值方法
2018/10/30 Python
用uWSGI和Nginx部署Flask项目的方法示例
2019/05/05 Python
Python一键安装全部依赖包的方法
2019/08/12 Python
python 比较2张图片的相似度的方法示例
2019/12/18 Python
如何清空Session
2015/02/23 面试题
校园之声广播稿
2014/01/31 职场文书
技校毕业生个人学习的自我评价
2014/02/21 职场文书
业务员的岗位职责
2014/03/15 职场文书
竞选学生会演讲稿
2014/04/25 职场文书
银行求职信怎么写
2014/05/26 职场文书
四风个人对照检查材料思想汇报(办公室通用版)
2014/10/07 职场文书
师德承诺书2015
2015/04/28 职场文书
优秀班干部主要事迹材料
2015/11/04 职场文书
2016年暑假学生家长评语
2015/12/01 职场文书
OpenCV3.3+Python3.6实现图片高斯模糊
2021/05/18 Python