jquery 多行文本框(textarea)高度變化
更新時間:2013年07月03日 15:22:36 作者:
這篇文章介紹了多行文本框(textarea)高度變化的操作,有需要的朋友可以參考一下
復(fù)制代碼 代碼如下:
$(function(){
var $comment = $('#comment'); //獲取評論框
$('.bigger').click(function(){ //放大按鈕綁定單擊事件
if(!$comment.is(":animated")){ //判斷是否處于動畫
if( $comment.height() < 500 ){
$comment.animate({ height : "+=50" },400); //重新設(shè)置高度,在原有的基礎(chǔ)上加50
}
}
})
$('.smaller').click(function(){//縮小按鈕綁定單擊事件
if(!$comment.is(":animated")){//判斷是否處于動畫
if( $comment.height() > 50 ){
$comment.animate({ height : "-=50" },400); //重新設(shè)置高度,在原有的基礎(chǔ)上減50
}
}
});
});
相關(guān)文章
jQuery實現(xiàn)電梯導(dǎo)航案例詳解(切換?網(wǎng)頁區(qū)域)
日常生活中用手機,電腦瀏覽網(wǎng)頁時,滑到了頁面下端后想返回頂部 或 跳轉(zhuǎn)到頁面別的版塊,用鼠標(biāo)滾動很麻煩,網(wǎng)頁電梯導(dǎo)航就可以很方便的精準(zhǔn)到達目標(biāo)版塊,本文給大家分享jquery電梯導(dǎo)航案例詳解,感興趣的朋友一起看看吧2022-05-05
jQuery下實現(xiàn)等待指定元素加載完畢(可改成純js版)
下面就是我想到的等待元素出現(xiàn)方法,雖然是基于jQuery的,但是代碼很簡潔,可以修改成純js版的,感興趣的朋友可以參考下哈,希望對大家有所幫助2013-07-07
html5以及jQuery實現(xiàn)本地圖片上傳前的預(yù)覽代碼實例講解
這篇文章主要介紹了html5以及jQuery實現(xiàn)本地圖片上傳前的預(yù)覽代碼實例講解,圖文代碼實例講解的很清晰,有感興趣的同學(xué)可以研究下2021-03-03
Jquery顯示和隱藏元素或設(shè)為只讀(含Ligerui的控件禁用,實例說明介紹)
本篇文章是對Jquery中顯示和隱藏元素或設(shè)為只讀以及Ligerui的控件禁用實現(xiàn)代碼進行了分析介紹,需要的朋友可以參考下2013-07-07
jquery結(jié)合css實現(xiàn)返回頂部功能
在本篇文章里小編給大家整理了一篇關(guān)于jquery結(jié)合css實現(xiàn)返回頂部功能的相關(guān)文章,有興趣的朋友們可以實例測試下。2021-08-08

