这篇文章主要介绍了jQuery animate和CSS3相结合实现缓动追逐效果的相关资料,需要的朋友可以参考下
CSS3和jquery都可以实现缓动追逐效果，但是考虑到浏览器的兼容性，建议使用jquery animate方法来实现。
先给大家展示下实现效果如下：
引用文件： jquery-1.11.1.min.js
html:
<div id="container">
<div id="first"></div>
<div id="second"></div>
</div>
jquery:
var $first=$('#first');
var $second=$('#second');
(function(){
move1();
move2();
})()
function move1(){
$first.animate({
"left":220,
"top": 0
},400).animate({
"left":220,
"top":220
},400).animate({
"left":0,
"top":220
},400).animate({
"left":0,
"top":0
},function(){
move1();
})
}
function move2(){
$second.animate({
"right":220,
"bottom": 0
},400).animate({
"right":220,
"bottom":220
},400).animate({
"right":0,
"bottom":220
},400).animate({
"right":0,
"bottom":0
},function(){
move2();
})
}
以上所述是小编给大家介绍的jQuery animate和CSS3相结合实现缓动追逐效果，希望对大家有所帮助！
- 河北美术学院2017年本专科专业录取分数线
- 电子科技大学成都学院2017年美术类录取分数线
- 2018年安徽省艺术类专业统考考场规则
- 2018年北京美术联考时间12月9日
- 2018年北京美术统考报名时间安排
- 2018年贵州美术联考报名时间
- 2017年新疆艺术类文化课高考报名时间
- 2017年承认各省播音主持统考成绩的院校名单
- 2018年北京市高考报名时间11月9日开始
- 2018年北京艺术类文化课高考报名时间
- 2018年贵州艺术类文化课高考报名时间
- 龙岩学院2017年艺术类本科专业录取分数线
- 2018年江西艺术统考时间为12月17日-28日
- 2018年广西美术联考考什么
- 2018年安徽美术联考考什么 怎么考
- 2018年江西音乐联考合格分数线
- 2018江西戏剧影视文学(广播电视编导)联考合格分数线
- 2018江西播音主持联考合格分数线
- 2018年江西舞蹈学联考合格分数线
- 2018年江西省体育舞蹈联考合格分数线
- 2018年江西省健美操专业联考合格分数线
- 2018年江西美术统考专业合格分数线
- 2018年江西艺术类专业出省资格线划定
- 2018年广西艺术统考准考证领取时间和地点
- 2018年广西艺术统考考试工作通知
- hasty judgment
- hat
- hatband
- hatbox
- hatch
- hatchback
- hatched
- hatchery
- hatchet
- hatchet-faced
- 费尽心机
- 费工
- 费心
- 费手
- 费手脚
- 费时
- 费用
- 费神
- 费解
- 费话
- 高中政治考试答题技巧
- 高中政治我国政府受人民的监督知识点
- 高中政治我国公民的政治参与知识点
- 初二下册政治知识点人教版
- 部编版九年级上册政治知识点整理
- 高一政治学习方法
- 做政治选择题的方法整理
- 高中政治教案：人民代表大会制度
- 初三政治教学工作计划范本
- 高考政治二轮复习策略与重点