jquery 多行文本框(textarea)高度变化
时间:2021-04-03 07:46:56|栏目:jquery|点击: 次
复制代码 代码如下:
$(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
}
}
});
});
上一篇:浅谈jQuery中 wrap() wrapAll() 与 wrapInner()的差异
栏 目:jquery
下一篇:jQuery利用cookie 实现本地收藏功能(不重复无需多次命名)
本文标题:jquery 多行文本框(textarea)高度变化
本文地址:http://www.codeinn.net/misctech/93631.html