的jQuery插件自動調整
http://james.padolsey.com/javascript/jquery-plugin-autoresize/
使用步驟如下:
你需要jQuery的。將其添加到您的網頁:
<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.js"></script>
然後,下載插件並把它放在同一個文件夾您的網頁。要引用它,將它添加到您的網頁:
<script type="text/javascript"
src="autoresize.jquery.js"></script>
接着,一個文本框添加到您的網頁:
<textarea id="comment" style="width: 400px; padding: 10px; height: 50px;
display: block; font-family:Sans-serif; font-size:1.2em;">
Type something in here, when you get close to the end the box will expand!
</textarea>
最後,在一個腳本塊,添加插件掛接到代碼文本框:
<script type="text/javascript">
$('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
});
</script>
ö即真棒。正是我需要的! – jpjp 2010-05-27 20:33:30
對不起,但我從來沒有使用過jQuery。請問我應該如何讓這個工作?我下載了代碼並將它們放在。但文本框仍然是一樣的 – jpjp 2010-05-27 20:44:01
這是一個很好的教學視頻:http://www.youtube.com/watch?v=Hk5oXFtYLwE 或者你可以閱讀jQuery文檔:http://docs.jquery.com/Tutorials: Getting_Started_with_jQuery – mVChr 2010-05-27 20:49:48