Stack Overflow
Stack Overflow

Questions tagged [jquery-easing]

A jQuery plugin to give advanced easing options.

Easing controls how an animation progresses over time by manipulating its acceleration. jQuery has two built-in easing methods: linear and swing.

List of Easing Options

  • def
  • jswing
  • easeInQuad
  • easeOutQuad
  • easeInOutQuad
  • easeInCubic
  • easeOutCubic
  • easeInOutCubic
  • easeInQuart
  • easeOutQuart
  • easeInOutQuart
  • easeInSine
  • easeOutSine
  • easeInOutSine
  • easeInExpo
  • easeOutExpo
  • easeInOutExpo
  • easeInQuint
  • easeOutQuint
  • easeInOutQuint
  • easeInCirc
  • easeOutCirc
  • easeInOutCirc
  • easeInElastic
  • easeOutElastic
  • easeInOutElastic
  • easeInBack
  • easeOutBack
  • easeInOutBack
  • easeInBounce
  • easeOutBounce
  • easeInOutBounce
141 questions
83
votes
4 answers

jQuery easing functions without using a plugin

I'm looking for an online list of custom easing functions that I can use with jQuery. I'm not interested in using a plugin for this, nor am I using jQuery UI. I found one below that does a nice little bounce but I'm looking for a few others just so…
Sparky
  • 98,165
  • 25
  • 199
  • 285
25
votes
9 answers

jQuery.easing[jQuery.easing.def] is not a function

I am getting below error when I look in the console: jQuery.easing[jQuery.easing.def] is not a function I am trying to make a slider on WordPress. I am working on a localhost so I can't exactly show whats up. However, when the slider is just in an…
Eric Goncalves
  • 5,253
  • 4
  • 35
  • 59
16
votes
3 answers

jQuery elastic easing equation

How can I modify this jQuery easing function to produce a less exaggerated bounce? $.easing.easeOutElasticSingleBounce = function (x, t, b, c, d) { var s=1.70158;var p=0;var a=c; if (t==0) return b; if ((t/=d)==1) return b+c; if (!p)…
Devon
  • 5,786
  • 5
  • 38
  • 46
9
votes
3 answers

Looking for a “swing”-like easing expressible both with jQuery and CSS3

I have to perform two animations on an object simultaneously. For a number of reasons, I want to use jQuery for the vertical animation and CSS3 for the horizontal one. On jQuery side, swing easing works great: swing: function…
Dan Abramov
  • 264,556
  • 84
  • 409
  • 511
8
votes
5 answers

Smooth out this jQuery toggle animation?

The animation produced by my jQuery function is shaky, and I've been looking through different SO solutions, such as adding jquery.easing, but no luck. Is the problem the iframes in each div? Any ideas on how to smooth out the animation? Is my basic…
markratledge
  • 17,322
  • 12
  • 60
  • 106
8
votes
1 answer

How to implement JQuery easing into this window scroll movement function?

With this code I've been able to capture the mousewheel movement and apply it to the horizontal scroll bars instead of the vertical default. $('html').bind('mousewheel', function(event, delta) { window.parent.scrollBy(-120 * delta, 0); return…
Mohammad
  • 7,344
  • 15
  • 48
  • 76
5
votes
5 answers

jQuery easing animation of window scroll in Firefox (bug or my bad?)

THE EXAMPLE First and foremost, here's my code and problem: http://www.nathanstpierre.com/MBX/showoff.html THE ISSUE So what I'm seeing is when you click the buttons on the left, the window scrolls to the appropriate heading. In every browser but…
NateDSaint
  • 1,524
  • 2
  • 16
  • 35
5
votes
4 answers

How to add easing effect with animate in jquery?

I am animating a div but i would like to give some effect to that animate so i tried like this $('#slider').stop().animate({"margin-right": '0'}, 'slow','easeOutBounce'); easeOutBounce is not working for me.am i doing wrongly? But other than that…
sun
  • 1,598
  • 11
  • 26
  • 45
4
votes
3 answers

jQuery animate not firing callback function

I have the following jQuery animate function: $myDiv.animate({ "left": "0%" }, { duration: 1000, easing: 'easeInOutExpo' }, function () { alert('hi'); } ); The animation itself works. $myDiv slides with the easeInOutExpo effect, as…
Nullqwerty
  • 1,140
  • 1
  • 20
  • 37
4
votes
1 answer

Jquery ScratchOut effect

I am searching for the scratchOut effect, call it whatever you like. Its the effect of an image being erased from the foreground so the background image becomes visible. I have tried to recreate this effect using a jquery plugin but its simply not…
nytrm
  • 509
  • 1
  • 5
  • 15
4
votes
5 answers

HTML Tabbed Form Sliding

I have a three page registration form that is split up amongst three tabs all developed upon bootstrap. I want to slide one page into another after the current page has been validated. Here is a working demo of what I mean. I tried implementing this…
Richard
  • 5,840
  • 36
  • 123
  • 208
3
votes
1 answer

Help with custom jquery easing function

I need a rather atypical jquery easing function. It's basically the opposite of your traditional easeInOut easing because I want the process to go from a fast intro to a slower middle part to a fast outro (you might call it…
ximi
  • 596
  • 5
  • 17
3
votes
1 answer

jQuery tutorials / books that would teach to write code like this

If I see a cool effect on a website I view the source of jquery and usually I can wrap my head around it ,however, I was looking at the slider for http://www.mckinsey.com and viewed the jQuery source that is used in doing the page slide:…
jack
  • 107
  • 1
  • 5
3
votes
2 answers

How to calculate a speed for slideToggle()

I have a navigation menu with several accordion-style items. Some "parent" links have more children than others. I'd like to vary the speed of the slideToggle() so that the ones with more children take longer to slideDown(). Here is what I tried,…
Ian Hazzard
  • 7,661
  • 7
  • 34
  • 60
3
votes
3 answers

jquery easing graphs

Just found the illustration (graphical) of jQuery Easing plugin http://james.padolsey.com/demos/jquery/easing/ What does these graphs exactly represent. I tried to work/analyze the Easing Plugin several times, but I never understand how it really…
user372551
1
2 3
…
9 10