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 相关文章推荐
不错的一个日期输入 动态
Nov 06 Javascript
jQuery入门知识简介
Mar 04 Javascript
jquery验证手机号是否正确实例讲解
Nov 17 Javascript
JS实现title标题栏文字不间断滚动显示效果
Sep 07 Javascript
js实现文字选中分享功能
Jan 25 Javascript
微信小程序左滑删除效果的实现代码
Feb 20 Javascript
浅谈angular4 ng-content 中隐藏的内容
Aug 18 Javascript
vue cli构建的项目中请求代理与项目打包问题
Feb 26 Javascript
详解Vue.js中引入图片路径的几种方式
Jun 17 Javascript
js实现登录时记住密码的方法分析
Apr 05 Javascript
react的hooks的用法详解
Oct 12 Javascript
vue二维数组循环嵌套方式 循环数组、循环嵌套数组
Apr 24 Vue.js
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(8) php 数组
2010/03/05 PHP
PHP调试函数和日志记录函数分享
2015/01/31 PHP
打造基于jQuery的高性能TreeView(asp.net)
2011/02/23 Javascript
使用JS读秒使用示例
2013/09/21 Javascript
jquery插件jSignature实现手动签名
2015/05/04 Javascript
Backbone.js的一些使用技巧
2015/07/01 Javascript
解决angular的post请求后SpringMVC后台接收不到参数值问题的方法
2015/12/10 Javascript
javascript图片延迟加载实现方法及思路
2015/12/31 Javascript
javascript产生随机数方法汇总
2016/01/25 Javascript
jquery模拟多级复选框效果的简单实例
2016/06/08 Javascript
Jquery ajax请求导出Excel表格的实现代码
2016/06/08 Javascript
onmouseover事件和onmouseout事件全面理解
2016/08/15 Javascript
js 模仿锚点定位的实现方法
2016/11/19 Javascript
js实现鼠标左右移动,图片也跟着移动效果
2017/01/25 Javascript
JS实现根据密码长度显示安全条功能
2017/03/08 Javascript
浅析JS抽象工厂模式
2017/12/14 Javascript
vue 使用 sortable 实现 el-table 拖拽排序功能
2020/12/26 Vue.js
[02:04]完美世界城市挑战赛秋季赛报名开始 谁是solo路人王?
2019/10/10 DOTA
Python实现模拟时钟代码推荐
2015/11/08 Python
Python实现屏幕截图的代码及函数详解
2016/10/01 Python
Python 常用 PEP8 编码规范详解
2017/01/22 Python
python通过pip更新所有已安装的包实现方法
2017/05/19 Python
对Python生成汉字字库文字,以及转换为文字图片的实例详解
2019/01/29 Python
Jupyter加载文件的实现方法
2020/04/14 Python
python 实现两个npy档案合并
2020/07/01 Python
python中如何打包用户自定义模块
2020/09/23 Python
HTML+CSS3模拟心的跳动实例代码
2017/09/05 HTML / CSS
阿迪达斯丹麦官网:adidas丹麦
2016/10/01 全球购物
营销与策划应届生求职信
2013/11/04 职场文书
十八大报告观后感
2014/01/28 职场文书
应届生自荐书
2014/06/23 职场文书
趣味运动会新闻稿
2015/07/17 职场文书
交通安全主题班会
2015/08/12 职场文书
课改心得体会范文
2016/01/25 职场文书
Python使用UDP实现720p视频传输的操作
2021/04/24 Python
Django开发RESTful API实现增删改查(入门级)
2021/05/10 Python