首页手记延迟0.5秒加载div向右移动持续1秒的动画

延迟0.5秒加载div向右移动持续1秒的动画

标签：

JQuery JavaScript

<!DOCTYPE html>
<html>
<head>
<script class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="http://apps.bdimg.com/libs/jquery/2.0.0/jquery.min.js"></script>
<script>
$(document).ready(function(){
setTimeout(function () {
buttom();
}, 500);
});
function buttom(){
$("div").animate({left:'250px'},1000);
}
</script>
</head>

<body>
<p>默认情况下，所有 HTML 元素的位置都是静态的，并且无法移动。如需对位置进行操作，记得首先把元素的 CSS position 属性设置为 relative、fixed 或 absolute。</p>
<div style="background:#98bf21;height:100px;width:100px;position:absolute;">
</div>

</body>
</html>

点击查看更多内容