jquery 動(dòng)態(tài)調(diào)整textarea高度

2019-11-21 01:00:48

字體：大中小

供稿：網(wǎng)友

武林網(wǎng)修正版本，運(yùn)行后需要刷新下，因?yàn)閖query是外部調(diào)用的。

<!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事件,動(dòng)畫1</title> <style type="text/css">  </style> <script src="http://img.VeVB.COm/jslib/jquery/jquery-1.3.2.min.js" type="text/javascript"></script> <script type="text/javascript"> </script> </head> <body> <div   class="iwvjtn8m0"   id="v_show"> <div   class="iwvjtn8m0"   id="Control"> <span id="smalll">縮小</span> <span id="big">放大</span> </div> <div> <textarea id="content" rows="8" cols="50"> 香港、舊金山、臺(tái)灣、3地7年深度訪談，50余幅經(jīng)典珍藏海報(bào)及劇照，林青霞口中的林青霞，名人好友眼中的大明星、鄰家女孩；最善良、最勤奮的亞洲第一美女……跨越國(guó)界的鐵桿粉絲、日裔資深記者親訪林青霞好友及資深影人徐克夫婦、郁正春、宋存壽、賴聲川、杜可風(fēng)、許鞍華、王晶、張國(guó)榮、瓊瑤等，完整呈現(xiàn)"亞洲第一美女"林青霞22年、100部華文經(jīng)典電影的臺(tái)前幕后及其半息影后的隱秘生活。武林網(wǎng)是一個(gè)專業(yè)的收集各類腳本學(xué)習(xí)資料的網(wǎng)站,盡量修正錯(cuò)誤打造精品腳本類學(xué)習(xí)網(wǎng)站,我們?yōu)榇蠹矣螒蚰_本資源,源碼,軟件,asp,php,javascript等編程資料,是網(wǎng)頁(yè)制作,網(wǎng)絡(luò)編程,網(wǎng)站建設(shè)人士的聚集場(chǎng)所。m.survivalescaperooms.com 香港、舊金山、臺(tái)灣、3地7年深度訪談，50余幅經(jīng)典珍藏海報(bào)及劇照，林青霞口中的林青霞，名人好友眼中的大明星、鄰家女孩；最善良、最勤奮的亞洲第一美女……跨越國(guó)界的鐵桿粉絲、日裔資深記者親訪林青霞好友及資深影人徐克夫婦、郁正春、宋存壽、賴聲川、杜可風(fēng)、許鞍華、王晶、張國(guó)榮、瓊瑤等，完整呈現(xiàn)"亞洲第一美女"林青霞22年、100部華文經(jīng)典電影的臺(tái)前幕后及其半息影后的隱秘生活。</textarea></body></html>

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

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

上一篇：jquery animate 動(dòng)畫效果使用說(shuō)明

下一篇：CSS 直方圖布局示例