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程序设计有所帮助。
相关文章
iframe页面没有滚动条，在父窗体中出现滚动条，锚点标记就会失效，用js判断页面是否被嵌套，用js计算iframe在父窗体位置2014-08-08
这些天在做一个效果，鼠标经过，PNG图片由透明变成不透明, 但是会出现黑边，晚上查了好多办法，分别对IE8设置过滤器啊等等，都不见效果。最终在热心网友的帮助下解决了问题，下面我们就来分析下2015-08-08
通过 jQuery，您可以在元素上创建滑动效果，jQuery slideDown() 方法用于向下滑动元素，下为大家介绍下其参数含义2014-01-01
jQuery EasyUI tree 使用拖拽时遇到的错误小结
在我使用tree拖拽时总是失败，控制台输出了很多错误。经过问题跟踪分析最终找到的错误原因，下面小编给大家分享下，感兴趣的朋友参考下2016-10-10
这篇文章主要介绍了jQuery分组选择器简单用法,结合实例形式分析了使用jQuery分组选择器动态设置页面元素属性相关操作技巧,需要的朋友可以参考下2019-04-04
下面小编就为大家带来一篇用jquery获取自定义的标签属性的值简单实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-09-09
这篇文章主要介绍了JQuery移动页面开发之随屏幕方向改变与滚屏的实现,通过相关两个事件的添加来达到响应移动设备上操作的效果,需要的朋友可以参考下2015-12-12
这篇文章主要介绍了jQuery实现拖拽效果插件的方法,较为详细的分析了jQuery拖拽效果的实现技巧,需要的朋友可以参考下2015-03-03
jquery 获取 outerHtml 包含当前节点本身的代码
jQuery.html() 是获取当前节点下的html代码，并不包含当前节点本身的代码，后来实验发现有一个jQuery的一个方法可以解决2014-10-10
jQuery实现html table行Tr的复制、删除、计算功能
这篇文章主要介绍了jQuery实现html table行Tr的复制、删除、计算功能,涉及jQuery针对table表格的常见复制、添加、删除与计算行数等简单操作技巧,需要的朋友可以参考下2017-07-07
最新评论