javascript - 页面加载时滑动 div

Question

我需要创建一个函数，该函数将在页面加载时为从左侧滑动的 div 设置动画。它需要延迟动画大约 5 秒。该示例可以在此链接中看到

http://www.exacttarget.com/blog/amazon-dash-the-skinny-on-this-stick/

在标题下方有一个部分显示分享数。我需要创建一个函数来滑动包含所有数字的项目。这是右侧灰色背景的。

Answer 1

嘿，我不是 Css 专家，但网站上的人所做的也有点来自 CSS。所以我制作了这个 jsfiddle。这可能对你有帮助。我不确定到目前为止这是否适用于所有浏览器。你可以使用 jQuery 作为不支持 CSS3 Transition 的浏览器的回退我使用的代码是:

div
{
   width:100px;
   height:100px;
   background:red;
   transition-property: margin-left;
   transition-duration: 2s;
   -webkit-transition-property: margin-left; /* Safari */
   -webkit-transition-duration: 2s; /* Safari */
    margin-left:-100px;
}
div.active
{
   margin-left:0px;
}

jQuery 代码是:

$(function(){

$(".mydiv").addClass("active");
console.log($(".mydiv"));

});

Fiddle