Tag: easing

在bootstrap scrollspy上简单缓和

对于那些知道javascript / jquery好的人来说，这是一个非常简单的问题。 我对这一切都很陌生，无法做到。 我找到了计算导航栏偏移量的代码，如下所示： var offset = 50; $(‘.navbar li a’).click(function(event) { event.preventDefault(); $($(this).attr(‘href’))[0].scrollIntoView(); scrollBy(0, -offset); }); 这是迄今为止我所拥有的小提琴的例子 。 正如您所看到的，如果您单击导航栏中的链接，它只会跳到部分。 在这个脚本中添加easing动的位置使其向下滚动更平滑？ 使用原始代码，我首先找到了那个流畅的滚动但是新脚本丢失了。 这是旧代码： $(function() { $(‘a.page-scroll’).bind(‘click’, function(event) { var $anchor = $(this); $(‘html, body’).stop().animate({ scrollTop: $($anchor.attr(‘href’)).offset().top }, 1500, ‘easeInOutExpo’); event.preventDefault(); }); });

如何构建自定义jQuery缓动/弹跳动画？

我熟悉jQuery animate函数，我也经历了各种jQuery UI缓动函数 。 不幸的是，它们都不像我正在寻找的动画效果一样，所以有可能创建自己的缓动函数吗？ 我正在尝试的动画可以在Apple Mac webopage上看到， 顶部是动态加载的产品小部件。 初始项目似乎从顶部滑入，然后在着陆后产生反弹效果。 是否可以使用自定义jQuery代码重新创建此缓动样式？ 或者可能建立自己的第三方简单function？ 我已经包含了一个我正在谈论的屏幕，希望有人可以提供解决方案。 提前致谢 ：）

如何使用jQuery使用逗号使用动画来增加数字？

我正在尝试在页面上的元素内增加一个数字。 但是我需要用数字来包含第千位值的逗号。 （例如45,000而不是45000） // Animate the element’s value from x to y: $({someValue: 40000}).animate({someValue: 45000}, { duration: 3000, easing:’swing’, // can be anything step: function() { // called on every step // Update the element’s text with rounded-up value: $(‘#el’).text(Math.round(this.someValue)); } }); 如何使用动画使用逗号增加数字？

JQuery可轻松拖动

我想用Jquery的draggable来实现轻松的效果。 但我没有在这个插件中找到该选项。 所以我想知道是否有其他插件有这个选项 – 或一个简单的解决方案。 我试图实现的效果是这样的： http ： //www.fileden.com/files/2009/6/4/2466215/dragease.swf 正如您所看到的，在拖动时，由于缓和，图像移动感觉更加平滑。 我还想将拖动限制为一个轴，还需要使其恢复到原位。 JQuery的draggable确实有最后两个选项，所以这很好。 示例代码已经为我提供了我想要的东西（除了缓动）： http ： //jsfiddle.net/dandoen/NJwER/1/ 任何建议将不胜感激。 干杯，丹多恩