国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

jQuery animate和CSS3相結(jié)合實現(xiàn)緩動追逐效果附源碼下載

2019-11-20 10:14:53
字體:
供稿:網(wǎng)友

CSS3和jquery都可以實現(xiàn)緩動追逐效果,但是考慮到瀏覽器的兼容性,建議使用jquery animate方法來實現(xiàn)。

先給大家展示下實現(xiàn)效果如下:

效果演示        源碼下載

引用文件: 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相結(jié)合實現(xiàn)緩動追逐效果,希望對大家有所幫助!

發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板: 甘孜县| 化州市| 泰兴市| 怀化市| 明光市| 赣州市| 保亭| 灵石县| 封丘县| 陆河县| 于都县| 青铜峡市| 屯门区| 隆安县| 惠东县| 石屏县| 孙吴县| 云浮市| 长泰县| 金乡县| 天峻县| 张掖市| 金堂县| 双流县| 鄂伦春自治旗| 贵德县| 大洼县| 噶尔县| 通山县| 南昌市| 雷山县| 桃园县| 哈尔滨市| 滨州市| 儋州市| 上思县| 福鼎市| 盘锦市| 多伦县| 礼泉县| 抚顺市|