Tag: jquery easing

插件：Kwicks for Jquery与Jquery 1.2.6完美配合，但不是1.4.2: 这是关于（mootools）kwicks Jquery插件： http ： //www.jeremymartin.name/projects.php？ project = kwicks 我有同样的问题，这个家伙在这里jquery kwicks问题（kwicks for jquery在测试网站上工作正常，但不在现场网站上）但在我的情况下我知道问题是什么，我只是找不到答案，而且Kwicks插件不再处于积极开发阶段。我认为问题出在Jquery版本上。这个插件适用于1.2.6，但在1.4.2它不会工作。我试图检查插件的代码，但我不知道如何升级它是1.4.2 Jquery兼容。我从来没有使用过1.2.6所以我不知道我需要改变什么来使这个工作为1.4.2。请帮忙。谢谢！ PS>请在下面找到插件的源代码（Jquery 1.2.6兼容）。 (function($){ $.fn.kwicks = function(options) { var defaults = { isVertical: false, sticky: false, defaultKwick: 0, event: ‘mouseover’, spacing: 0, duration: 500 }; var o = $.extend(defaults, options); var WoH = (o.isVertical ? ‘height’ […]

帮助自定义jquery缓动function: 我需要一个非常典型的jquery缓动函数。它基本上与传统的easeInOut缓动相反，因为我希望这个过程从快速介绍到较慢的中间部分再到快速的outro（你可以称之为speedInOut）。不幸的是，我的数学有点生疏，我需要有人指出我如何开始的正确方向。双曲线的正弦曲线（sinh）在我正在寻找的方向上有所改变，但我需要它在两个轴上限制在0和1之间。这是我正在使用的jquery缓动函数框架 $.easing.speedInOut = function(t, millisecondsSince, startValue, endValue, totalDuration) { if(t = 0) return startValue; if(t = 1) return startValue + endValue; // custom function should go here }; 任何帮助将不胜感激！

jQuery UI’easeoutbounce’需要更加有弹性: 我已经创建了一个div，它在点击时会掉到屏幕的底部。它需要反弹，所以我使用’easeOutBounce’作为缓和效果。它运作良好，但客户要求它“更有弹性”。我知道我可以减慢动画的速度，但我真的不希望对象移动得更慢，我只是想让它反弹更多。我想，减少重力。这是jQuery： $( document ).click(function() { $( “div” ).animate({ top: 400 }, { duration: 2000, easing: ‘easeOutBounce’ }); }); 这是一个小提琴： http ： //jsfiddle.net/NtkNB/1/ 我真的很难找到关于这个特定效果的文档，并想知道是否有人可以建议如何配置当前设置以获得所需效果，或者如果有任何更高级的动画效果可以做到这一点，我可以插入。谢谢

平滑这个jQuery切换动画？: 我的jQuery函数生成的动画很不稳定，我一直在寻找不同的SO解决方案，例如添加jquery.easing，但没有运气。问题是每个div中的iframe吗？关于如何平滑动画的任何想法？我的基本切换function是最好的方法吗？ JSFiddle： http ： //jsfiddle.net/gwLcD/8/ 基本标记在下面，并在页面上重复多次（每个“videotoggle”div之间有文本块）： View a few minutes of the (title) video function： $(document).ready(function(){ $(“.videoblock”).hide(); //closes all divs on first page load $(“.entry-title”).click(function() { $this = $(this); //this next code only allows one open div at a time $content = $this.closest(‘.videotoggle’).find(“.videoblock”); if (!$this.is(‘.active-title’)) { $(‘.active-title’).removeClass(‘active-title’); $this.addClass(‘active-title’); $(“.videoblock:visible”).slideToggle(400); //slide toggle $content.slideToggle(400); […]