jquery 動態(tài)調整textarea高度

更新時間：2009年11月04日 22:09:06 作者：

用jquery實現(xiàn)的調整textarea高度的實現(xiàn)代碼。這個動畫效果比較流暢。適合新手學習。

腳本之家修正版本，運行后需要刷新下，因為jquery是外部調用的。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>jquery事件,動畫1</title> <style type="text/css">  </style>   </head> <body> <div   class="ublnpf9mb"   id="v_show"> <div   class="ublnpf9mb"   id="Control"> <span id="smalll">縮小</span> <span id="big">放大</span> </div> <div> <textarea id="content" rows="8" cols="50"> 香港、舊金山、臺灣、3地7年深度訪談，50余幅經典珍藏海報及劇照，林青霞口中的林青霞，名人好友眼中的大明星、鄰家女孩；最善良、最勤奮的亞洲第一美女……跨越國界的鐵桿粉絲、日裔資深記者親訪林青霞好友及資深影人徐克夫婦、郁正春、宋存壽、賴聲川、杜可風、許鞍華、王晶、張國榮、瓊瑤等，完整呈現(xiàn)"亞洲第一美女"林青霞22年、100部華文經典電影的臺前幕后及其半息影后的隱秘生活。腳本之家是一個專業(yè)的收集各類腳本學習資料的網(wǎng)站,盡量修正錯誤打造精品腳本類學習網(wǎng)站,我們?yōu)榇蠹矣螒蚰_本資源,源碼,軟件,asp,php,javascript等編程資料,是網(wǎng)頁制作,網(wǎng)絡編程,網(wǎng)站建設人士的聚集場所。chabaoo.cn 香港、舊金山、臺灣、3地7年深度訪談，50余幅經典珍藏海報及劇照，林青霞口中的林青霞，名人好友眼中的大明星、鄰家女孩；最善良、最勤奮的亞洲第一美女……跨越國界的鐵桿粉絲、日裔資深記者親訪林青霞好友及資深影人徐克夫婦、郁正春、宋存壽、賴聲川、杜可風、許鞍華、王晶、張國榮、瓊瑤等，完整呈現(xiàn)"亞洲第一美女"林青霞22年、100部華文經典電影的臺前幕后及其半息影后的隱秘生活。</textarea></body></html>

[Ctrl+A 全選注:引入外部Js需再刷新一下頁面才能執(zhí)行]

上面的難點就在于
$Content.animate({height:"+=50"},400)
每400毫秒遞增50高度。

您可能感興趣的文章: