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
1
vote
1 answer

Changing DIV size, smoothing with jQuery Easing

I've been reading up on the Easing function on the jQuery website. My intended goal is to smooth out a Div adjustment which occurs when a form is submitted. JFiddle - http://jsfiddle.net/9qbfF/ Sandbox -…
Josh
  • 59
  • 1
  • 1
  • 8
1
vote
1 answer

jQuery 1.6.2 Line 8493 IE8

Update: RESOLVED. Hio, So I can't figure out why this error is ocurring in IE8 ONLY, on http://www.vulytrampolines.com/store. We think it has something to do with the countdown timer. Object doesn't support this property or method jquery.js, line…
Benno
  • 3,008
  • 3
  • 26
  • 41
1
vote
0 answers

Floating menu jquery depending on windows size

i've got a problem with a float jquery menu. Well, it works perfectly. But when the browser windows size changes it comes to a problem. When the windows is big enough it scrolls/slides perfectly but i want it in a small window to slide if the…
Daimoch
  • 11
  • 2
1
vote
0 answers

jQuery easing - causing form to not tab?

We are using the following plugin: http://code.google.com/p/jquery-swip/source/browse/trunk/jquery.easing.1.3.js?r=4 When it is in our site, we cannot tab between input boxes within forms - if we take this script out, we can? We are using the latest…
Latox
  • 4,655
  • 15
  • 48
  • 74
1
vote
1 answer

Jquery .easing errors jQuery.easing[this.easing]

I have done absolutely everything to try and fix my code: JQuery libraries (Ui’s, Core’s, Plugins) .etc, but can't fix this $('.heading').click(function() { console.log("Clicked", $(this)); …
1
vote
1 answer

Strange problem w/ IE7 and jquery animation: using jquery 1.3.2, coda-slider 2.0, and jquery.easing 1.3

I am trying to modify Coda-Slider 2.0 (http://www.ndoherty.biz/tag/coda-slider/) to use percentage-based widths, instead of hardcoded pixel widths, to allow for fluid resizing. I've gotten it to work fabulously, except for a small glitch in IE7…
Jim
  • 2,300
  • 1
  • 19
  • 43
1
vote
2 answers

expand div with easing bounce animation

I hide the div element to expand another div area. I just want to replace 'transition: width .3s ease-out; 'with' easeoutbounce 'with jquery, here is my fiddle. what should I add / change from the following code? (function() { var page =…
1
vote
1 answer

jquery easing problem

I have what I thought was a simple piece of jquery, but it's turning out to be a pain. The slideUp part of this works fine, but it doesn't then slide down... It does work though if I take out the easing part of the slideUp. Any ideas? …
Tom
  • 12,776
  • 48
  • 145
  • 240
1
vote
1 answer

Random JQuery's .animate easing

I've been searching for this for some time and I can't seem to find what I need. I know you can make custom easing, but I have no idea how. I am doing a horse race (JQuery moves all the horses). I need them to go in random speeds, but need to…
Ned
  • 361
  • 3
  • 16
1
vote
1 answer

Apply easing effect to SlideUp and SlideDown function

I applied the following function to hide the header when the user scrolls downs, and show it again when they scroll up: var previousScroll = 0, headerOrgOffset =…
Marrone
  • 23
  • 8
1
vote
0 answers

How can I implement a smooth, direction-aware hover effect?

Based on this demo on CodePen, I have to achieve something similar, but only horizontally. My demo totally lacks the "easing" animation that the CodePen demo has. I already have the hover effect working from the left (but it isn't smooth). Starting…
DDfrontenderLover
  • 470
  • 1
  • 6
  • 23
1
vote
1 answer

Is there a way to ease in and out an animated div without using negative pixel values?

I am wanting the navigation bar to ease in and out at a certain anchor point. I have accomplished the task, however I am finding that scrolling while the animation is occurring will interrupt the animation due to the negative pixel values and the…
Hysteresis
  • 87
  • 1
  • 8
1
vote
3 answers

Easing Jquery doesn't work

I'm trying to use an easing jQuery function called easeInBounce but it doen't work. I had search all about that and all pages says that I've to put {easing:'easeInBounce'} like here but it doesn't work.
Javi Pérez
  • 13
  • 1
  • 5
1
vote
1 answer

Make a div fall off the page

So I have been playing with jQuery for a good time now and I'm trying to get an effect to work properly. I have a main square div in the middle of the page and when someone clicks a link I want the box to look like its falling off the page and…
Danny
  • 4,724
  • 6
  • 42
  • 55
1
vote
1 answer

No jQuery slideUp() animation on particular block

I'm trying to do a simple animation with jQuery and jQuery Easing plugin. Animations are working well except if they are applied on section.quickReply Here is my HTML:
Poster…
Flobesst
  • 1,281
  • 1
  • 16
  • 26