jquery使用animate方法實現(xiàn)控制元素移動
更新時間:2015年03月27日 09:39:06 作者:上大王
這篇文章主要介紹了jquery使用animate方法實現(xiàn)控制元素移動,涉及jQuery中animate方法的使用技巧,具有一定參考借鑒價值,需要的朋友可以參考下
本文實例講述了jquery使用animate方法實現(xiàn)控制元素移動。分享給大家供大家參考。具體分析如下:
通過jquery的animate方法控制元素移動,這里需要將元素的位置定義為relative, fixed, 或者 absolute!
<!DOCTYPE html> <html> <head> <script src="js/jquery.min.js"> </script> <script> $(document).ready(function(){ $("button").click(function(){ $("div").animate({left:'250px'}); }); }); </script> </head> <body> <button>Start Animation</button> <p>By default, all HTML elements have a static position, and cannot be moved. To manipulate the position, remember to first set the CSS position property of the element to relative, fixed, or absolute!</p> <div style="background:#98bf21; height:100px;width:100px;position:absolute;"> </div> </body> </html>
希望本文所述對大家的jQuery程序設計有所幫助。
您可能感興趣的文章:
- jQuery移動和復制dom節(jié)點實用DOM操作案例
- jQuery拖動div、移動div、彈出層實現(xiàn)原理及示例
- 基于jquery的從一個頁面跳轉到另一個頁面的指定位置的實現(xiàn)代碼(帶平滑移動的效果)
- jQuery 移動端artEditor富文本編輯器
- jQuery插件實現(xiàn)適用于移動端的地址選擇器
- jQuery操作dom實現(xiàn)彈出頁面遮罩層(web端和移動端阻止遮罩層的滑動)
- jquery實現(xiàn)移動端點擊圖片查看大圖特效
- jQuery移動web開發(fā)之頁面跳轉和加載外部頁面的實現(xiàn)
- jquery實現(xiàn)tr元素的上下移動示例代碼
- 基于jquery實現(xiàn)左右上下移動效果
相關文章
Jquery ajaxStart()與ajaxStop()方法(實例講解)
本篇文章主要是對Jquery中的ajaxStart()與ajaxStop()方法進行了介紹,需要的朋友可以過來參考下,希望對大家有所幫助2013-12-12