AutoCAD 3DMAX C语言 Pro/E UG JAVA编程 PHP编程 Maya动画 Matlab应用 Android
Photoshop Word Excel flash VB编程 VC编程 Coreldraw SolidWorks A Designer Unity3D
 首页 > JavaScript

jquery使用animate方法实现控制元素移动

51自学网 http://www.wanshiok.com
jquery,animate方法,控制,元素,移动

本文实例讲述了jquery使用animate方法实现控制元素移动。分享给大家供大家参考。具体分析如下:

通过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,animate方法,控制,元素,移动  
上一篇:jQuery使用slideUp方法实现控制元素缓慢收起  下一篇:jQuery获取标签文本内容和html内容的方法