jQuery動畫方式設定div元素長和寬程式碼例項
本章節如何利用jQuery實現動畫方式設定元素長度和寬度。
先來看一段程式碼例項:
[HTML] 純文字檢視 複製程式碼<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <style type="text/css"> #antzone { width:150px; height:50px; background:#ccc; } </style> <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script> <script> $(document).ready(function () { $("#bt").click(function () { $("#antzone").animate({ "width": "200px" }); $("#antzone").animate({ "height": "100px" }); }) }) </script> </head> <body> <div id="antzone"></div> <input type="button" id="bt" value="檢視效果"/> </body> </html>
相關文章
- 設定div元素漸隱效果程式碼例項
- jQuery動態設定div元素的高度和寬度jQuery
- js動畫方式改變div尺寸程式碼例項JS動畫
- 如何使用jQuery設定div的長度和寬度jQuery
- jquery動態設定元素的尺寸程式碼例項jQuery
- jquery動態設定為元素樣式程式碼例項jQuery
- jQuery css()設定和獲取元素css屬性值程式碼例項jQueryCSS
- 設定獲取div元素中的文字內容程式碼例項
- jQuery 動畫效果程式碼例項jQuery動畫
- jquery設定表單元素為不可用程式碼例項jQuery
- jQuery動畫方式設定元素的透明度jQuery動畫
- 利用jQuery查詢子元素和父元素程式碼例項jQuery
- jQuery以動畫方式設定元素的透明度jQuery動畫
- jQuery控制div顯示和隱藏程式碼例項jQuery
- css設定div水平居中程式碼例項CSS
- jQuery設定select選中項程式碼例項jQuery
- jquery刪除指定元素程式碼例項jQuery
- jquery獲取元素高度程式碼例項jQuery
- jQuery利用name匹配元素程式碼例項jQuery
- jQuery實現設定字型大小程式碼例項jQuery
- jQuery獲取指定元素的父元素程式碼例項jQuery
- jQuery background-position動畫效果程式碼例項jQuery動畫
- jQuery新增和刪除元素class屬性例項程式碼jQuery
- JavaScript動畫方式改變元素寬度和高度JavaScript動畫
- jquery刪除指定子元素程式碼例項jQuery
- jquery獲取同輩元素程式碼例項jQuery
- jQuery複製頁面元素程式碼例項jQuery
- jquery動態新增li元素程式碼例項jQuery
- opacity設定元素透明度程式碼例項
- CSS設定元素邊框樣式例項程式碼CSS
- jQuery動態設定div元素的尺寸jQuery
- css不定寬度元素水平居中程式碼例項CSS
- css控制div元素旋轉指定角度程式碼例項CSS
- 使用jquery獲取指定元素的子元素程式碼例項jQuery
- JavaScript 動畫方式設定元素尺寸和透明度JavaScript動畫
- 將span元素設定為固定寬度和高度程式碼
- 點選元素實現動畫方式放大透明然後返回原貌程式碼例項動畫
- jQuery實現的div垂直水平居中例項程式碼jQuery