DIV CSS 佈局教程網
設為首頁
加入收藏
首頁
HTML基礎知識
CSS入門知識
JavaScript入門知識
DIV+CSS佈局
WEB網站前端
網頁腳本
網頁SEO優化
網頁制作工具
DIV+CSS佈局教程網
>>
網頁腳本
>>
JavaScript入門知識
>>
jQuery入門知識
>>
JQuery特效代碼
>> jquery 動態調整textarea高度
jquery 動態調整textarea高度
編輯：JQuery特效代碼
修正版本，運行後需要刷新下，因為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"> <!-- #Control { width:100px; background-color:Red; margin:0; cursor:pointer; } --> </style> <script src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js" type="text/javascript"></script> <script type="text/javascript"><!-- $(function(){ var $Content=$("#content"); $("#big").bind("click",function(){ //判斷big為span的標簽是否正在進行動畫效果 if(!$Content.is("animated")) { if($Content.height()<400) { //高度累加,隔0.4秒執行animate $Content.animate({height:"+=50"},400) } } }); $("#smalll").bind("click",function(){ if($Content.height()>50) { $Content.animate({height:"-=50"},400) } }) }) // --> </script> </head> <body> <div id="v_show"> <div id="Control"> <span id="smalll">縮小</span> <span id="big">放大</span> </div> <div> <textarea id="content" rows="8" cols="50"> 香港、舊金山、台灣、3地7年深度訪談，50余幅經典珍藏海報及劇照，林青霞口中的林青霞，名人好友眼中的大明星、鄰家女孩；最善良、最勤奮的亞洲第一美女……跨越國界的鐵桿粉絲、日裔資深記者親訪林青霞好友及資深影人徐克夫婦、郁正春、宋存壽、賴聲川、杜可風、許鞍華、王晶、張國榮、瓊瑤等，完整呈現"亞洲第一美女"林青霞22年、100部華文經典電影的台前幕後及其半息影後的隱秘生活。 是一個專業的收集各類腳本學習資料的網站,盡量修正錯誤打造精品腳本類學習網站,我們為大家游戲腳本資源,源碼,軟件,asp,php,javascript等編程資料,是網頁制作,網絡編程,網站建設人士的聚集場所。www.poluoluo.com 香港、舊金山、台灣、3地7年深度訪談，50余幅經典珍藏海報及劇照，林青霞口中的林青霞，名人好友眼中的大明星、鄰家女孩；最善良、最勤奮的亞洲第一美女……跨越國界的鐵桿粉絲、日裔資深記者親訪林青霞好友及資深影人徐克夫婦、郁正春、宋存壽、賴聲川、杜可風、許鞍華、王晶、張國榮、瓊瑤等，完整呈現"亞洲第一美女"林青霞22年、100部華文經典電影的台前幕後及其半息影後的隱秘生活。</textarea></body></html>
[Ctrl+A 全選 注:如需引入外部Js需刷新才能執行]
上面的難點就在於
$Content.animate({height:"+=50"},400)
每400毫秒遞增50高度。
上一頁:
jquery ajax 檢測用戶注冊時用戶名是否存在
下一頁:
jquery animate 動畫效果使用說明
JQuery特效代碼
UpdatePanel和Jquery沖突的解決方法
在第一次頁面加載時，元素A的X效果正常，點擊B之後，頁面局部刷新，此時，回到A，元素A失去X效果.開
jQuery實現復選框成對選擇及對應取消的方法教程
本文實例講述了jQuery實現復選框成對選擇及對應取消的方法。分享給大家供大家參考。具體實現方法如下
JQuery 選項卡效果(JS與HTML的分離)
在實際應用過程中，只要保證選項卡模塊結構代碼的完整性，就可以任意添加N個同類選項卡，不需要手動在HT
相關文章
用vue實現簡單實時匯率計算功能
jquery中attr和prop的區別
jquery操作復選框(checkbox)的12個小技巧總結
jquery 單引號和雙引號的區別及使用注意
jQuery DOM 操作（基本操作、內部插入、外部插入、包裹操作）
使用js和jquery獲取url及url參數的方法
jqueryUI部件庫的優缺點
jQuery+CSS3實現可拖拽的3D立體圖片展示環
HTML5+jQuery實現全屏煙花特效
jquery ui打開url網址的對話框
jQuery基礎知識
JQuery入門技巧
JQuery特效代碼
JQuery常見問題
小編推薦
Jquery知識點二 jquery下對數組的操作
jquery dialog open後,服務器端控件失效的快速解決方法
jQuery中filter()方法用法實例教程
JQUERY THICKBOX彈出層插件
jquery使用ajax實現微信自動回復插件
jQuery跳轉到頁面底部效果
jquery實現炫酷的疊加層自動切換特效
自寫的jQuery異步加載數據添加事件
JQuery 寫的個性導航菜單
jQuery提示效果代碼分享
熱門推薦
跟我一起學寫jQuery插件開發方法（附完整實例及下載）
jQuery實現統計輸入文字個數的方法教程
jQuery中:disabled選擇器用法實例教程
簡單實用jquery版三級聯動select示例
jQuery文件上傳插件Uploadify使用指南
通過jQuery源碼學習javascript(一)
jquery實現marquee效果(文字或者圖片的水平垂直滾動)
jQuery調用RESTful WCF示例代碼(GET方法/POST方法)
jquery+css3打造一款ajax分頁插件(自寫)
大家都在看
jQuery的live()方法對hover事件的處理示例
CSS教程:制作網頁中常用的5個CSS屬性
JavaScript函數定義的常見注意事項小結
關於jQuery UI 使用心得及技巧
javascript事件委托的方式綁定詳解
Jquery 數據選擇插件Pickerbox使用介紹
XML簡明教程第1課: 處理XML元素
設計理論之趣用文化元素
XML學習教程
|
jQuery入門知識
|
AJAX入門
|
Dreamweaver教程
|
Fireworks入門知識
|
SEO技巧
|
SEO優化集錦
|
Copyright ©
DIV+CSS佈局教程網
All Rights Reserved