[jQuery] textarea auto expand(文字區塊自動延展)

jQuery plugin: autoResize

其實之前一直有再找類似的套件，facebook樣式的textarea auto expand，不過一直沒有找到不錯的，今天在尋找的時候找到一個不錯的plugin「autoResize」

• autoresize.jquery.js

• autoresize.jquery.min.js

自己選擇下載喜歡的檔案格式

Script

$('textarea#comment').autoResize({
    // On resize:
    onResize : function() {
        $(this).css({opacity:0.8});
    },
    // After resize:
    animateCallback : function() {
        $(this).css({opacity:1});
    },
    // Quite slow animation:
    animateDuration : 300,
    // More extra space:
    extraSpace : 40
});

HTML

這樣就可以使用了 :)

不過他還有一些選項可以選擇使用，日後有用到再介紹。

來源網站