将动画添加到联系人表单

如果有人能将我设置在正确的路径上，那就太棒了！我一直在寻找和阅读教程整个这样的东西，但我不能弄明白！将动画添加到联系人表单

我试图做的接触形式，对同样的效果：http://clapat.ro/themes/newave/

当你滚动到它种到反弹像很多该网页上的其他元素的屏幕形式。

此外，我使用引导顺便说一句。任何人？谢谢

来源

2014-03-07 ve1jdramas

你的意思是淡出动画？ –

skrollr.js库可能？ http://prinzhorn.github.io/skrollr/ – pbenard

问题不清楚。你需要淡入淡出效果吗？？ – WebDevRon

这里是你可以用它来制作你想要的效果的一些jQuery代码的样本。

$(window).scroll(function() { 
    if ($(this).scrollTop() > 125) { 
     $('#DivYouWantToAnimate').css('visibility', "visible").animate({ paddingLeft: "150px", opacity: '1' }, 'slow'); 
    } 
});

记得设置要设置为动画的Div的默认值为可见性：隐藏;所以只有当您向下滚动时才会显示。

这里是一个fiddle与动画（下滚来看看效果）

编辑：记住，你可以改变的jQuery的效果，所以它看起来比我的例子更加流畅。

来源

2014-03-07 09:45:52

好棒，这就是我一直在寻找的！上面的库很可能会用到，但我对它的工作原理感兴趣！谢谢你的伟大工作，谢谢其他人！ – ve1jdramas

没问题m8，希望能解决你的问题 –

如果你想要做同样的设计在这个网站，你可以添加“酷猫”到你的引导样式表：如果你想要做的事就像一个“反弹” http://jalxob.com/cool-kitten/

对于动画，您可以使用jQueryUI的反弹事件： http://api.jqueryui.com/bounce-effect/

希望它会帮助你

来源

2014-03-07 09:43:23

酷小猫的东西看起来像它可以工作以及！谢谢 – ve1jdramas

将动画添加到联系人表单

回答

相关问题