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

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

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

 这篇文章主要介绍了jquery使用animate方法实现控制元素移动,涉及jQuery中animate方法的使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下

 

 

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

通过jquery的animate方法控制元素移动,这里需要将元素的位置定义为relative,
fixed, 或者 absolute!

?

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

<!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中animate方法的使用技巧,具有一定…

通过jquery的animate方法控制元素移动,这里需要将元素的位置定义为relative,
fixed, 或者 absolute!

相关文章

相关搜索:

今天看啥

搜索技术库

返回首页

  • iphone6开启限制广告跟踪教程
  • iPhone激活是什么
  • 苹果地图或将开放
    任意系统可以使用
  • KindEditor编辑器使用教程
  • 白云一键重装系统后出现10010错误的解决方法
  • 苹果Mac电脑
    Vmware虚拟机共享文件夹设置教程

相关频道:
HTML/CSS  HTML5  Javascript  jQuery  AJax教程  前端代码  正则表达式  Flex教程  WEB前端教程