jquery-animate基本用法

2024-04-27 15:04:30

字体：大中小

来源：转载

供稿：网友

//点击DIV移动

function btnMoveClick() { $("#div1").stop(true, true); var vleft = $("#div1").position().left; var vtop = $("#div1").position().top; var vwidth = $("#div1").width; var vheight = $("#div1").height; $("#div1").animate({ "top": "25px", "left": "200px", "height": "20px", "width": "20px", "border-radius": "10px" }, 2000, function () { $("#div1").animate({ "top": "25px", "left": "0px" }, 2000, function () { $("#div1").animate({ "top": "50px", "left": "400px", "height": "50px", "width": "50px", "border-radius": "0px" }, 2000, function () { $("#div1").CSS({ "top": vtop, "left": vleft, "height": vheight, "width": vwidth }) }); }) }); //$(this).animate({ "top": "200px", "left": "200px" }, 2000, function () { // $(this).animate({ "top": "0px", "left": "400px" }, 2000); //});}

上一篇：Chrome常用插件

下一篇：vue-router：路由传参