jquery使用animate方法实现控制元素移动
更新时间：2015年03月27日 09:39:06 作者：上大王
这篇文章主要介绍了jquery使用animate方法实现控制元素移动,涉及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程序设计有所帮助。
相关文章
40个有创意的jQuery图片和内容滑动及弹出插件收藏集之二
在网页的首页或图片专题页面很多地方都会用到图片滑动插件来循环切换多张图片，并且用户可以点击左右按钮来切换图片。2011-12-12
这篇文章主要介绍了jQuery实现基本隐藏与显示效果的方法,结合实例形式详细分析了jQuery中hide()、show()及toggle()等方法用于实现显示/隐藏效果的相关操作技巧,需要的朋友可以参考下2018-09-09
这篇文章主要介绍了Jquery属性的获取/设置及样式添加/删除操作技巧,结合实例形式分析了jquery针对属性与样式的相关获取、设置、添加、删除等相关操作技巧与注意事项,需要的朋友可以参考下2019-12-12
jQuery实现的表头固定效果实例【附完整demo源码下载】
这篇文章主要介绍了jQuery实现的表头固定效果,结合完整实例形式分析了jQuery基于插件实现的表头固定功能与用法,非常简单实用,需要的朋友可以参考下2016-08-08
jQuery实现点击按钮弹出可拖拽模态对话框完整实例【测试可用】
这篇文章主要介绍了jQuery实现点击按钮弹出可拖拽模态对话框的方法,结合完整实例形式分析了jQuery调用模态对话框的基本原理、实现方法与相关操作技巧,需要的朋友可以参考下2023-04-04
这篇文章主要介绍了jQuery必不可少的小技巧，这些小技巧就像是创建的快捷方式，可以帮助大家快速开发，感兴趣的小伙伴们可以参考一下2015-11-11
Jquery的cookies插件，感觉不错，但是跟踪调试的时候发现cookies上面还是多写了一个相同名称的值，这就麻烦了，后来看到网上有人说用这个方法，感觉还不错2010-03-03
有时我们需要动态的展示访问次数、下载次数等效果，我们可以借助jQuery结合后台php实现一个滚动的数字展示效果。2015-08-08
想要使用jQuery实现两列等高并自适应高度，其实也很简单，原理就是取得左右两边的高度，然后判断这个值，把大的值赋给小的就行了。下面就跟小编一起来看下吧2016-12-12
这篇文章主要介绍了jQuery使用attr()方法同时设置多个属性值的用法,实例分析了jQuery中attr方法实现多个属性设置的技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-03-03
最新评论