2013年9月6日 星期五

jQuery 輸入文字框後自動延伸

也是很常看到的效果,在輸入欄打字換行後,輸入欄位會自動長高,而不是出現卷軸的效果。

plugin網址
jQuery Autosize

準備一個textarea再直接使用就好了。
  1. $('.normal').autosize();  

搭配CSS transition會更好看
  1. .animated {   
  2.     -webkit-transition: height 0.2s;   
  3.     -moz-transition: height 0.2s;   
  4.     transition: height 0.2s;   
  5. }  

Demo
反應:

0 意見:

Related Posts Plugin for WordPress, Blogger...