CSS3和框架都可以实现缓动追逐效果，但是考虑到浏览器的兼容性，建议使用框架动画方法来实现。

先给大家展示下实现效果如下：

效果演示源码下载

引用文件：jquery-1.11.1.min.js

超文本标记语言

div id=' container ' div id=' first '/div div id=' second '/div/div jquery

var $ first=$(' # first ')；var $ second=$(' # second ')；(function(){ move 1()；移动2()；})()函数移动1(){ $ first。动画({ '左侧' :220，'顶部' : 0}，400).动画({ '左' :220,'顶' :220},400)。动画({ '左' :0,'顶' :220},400)。animate({'left':0，' top':0)，function(){ move 1()；})}函数move 2(){ $ second。动画({ '右侧' :220，'底部' : 0}，400).动画({ '右侧' :220,'底部' :220},400)。动画({ '右' :0,'底' :220},400)。animate({'right':0，' bottom':0}，function(){ move 2()；})}以上所述是小编给大家介绍的框架动画和CSS3相结合实现缓动追逐效果，希望对大家有所帮助！