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
0
votes
1 answer

Adding easing to smooth scrolling

I have a fairly long single page site which I use navigation to scroll up and down vertically through the different sections. Currently I am using the following javascript to accomplish this. $(".scroll").click(function(event) { …
Jamie Collingwood
  • 689
  • 3
  • 8
  • 22
0
votes
1 answer

Easing options in jQuery is not working

I have tried using easing so many times for education purposes but in vain my trials never succeeded surely I did something wrong but for two days now I could not identify the mistake, so I include here my jQuery function and hoping you will tell me…
Neo
  • 7
  • 4
0
votes
1 answer

jquery and easing effect loop and pause

http://jsfiddle.net/6jxQs/18/ this is my code, I want somehow to elements show one by one with timeout of 700ms. Currently all elements are shows at once. I tryied with setInterval and setTimeout functions bu without succes. Can anyone help me or…
Bumblebee989
  • 19
  • 2
  • 6
0
votes
1 answer

jQuery UI 'easeoutbounce' needs to be more bouncy

I've created a div which drops to the bottom of the screen on click. It needs to bounce, so I've used 'easeOutBounce' as the ease effect. It works nicely but the client has requested that it's "more bouncy". I know I can slow the animation down…
Dan
  • 5,836
  • 22
  • 86
  • 140
0
votes
1 answer

jQuery Cycle plugin: Unpredictable behaviour after current browser tab loses focus

We have developed a jQuery plugin based on the jQuery Easing and Cycle plugins. A sample can be seen at http://jsfiddle.net/Dx5N4/3/embedded/result/. The idea is to have multiple lists of items (say, images) to which the Cycle plugin is applied. …
manish
  • 19,695
  • 5
  • 67
  • 91
0
votes
2 answers

JQuery look up ul with class name

I would like to add some animations on my menu bar, the code is as follows html

  • Home

    The front page

  • …
Steve Lam
  • 499
  • 1
  • 10
  • 27
0
votes
1 answer

onload image go from 0 width to 100px width with easing

I need to "slide in" a (background-)image in a div. When I load the page, some div with a bg image or image inside it (and overflow?) needs to go from invisible/width=0 to 100px width. This needs to ease in. Can anyone please help me out with the…
user123
  • 389
  • 2
  • 4
  • 14
0
votes
1 answer

Passing function instead of string for jquery easing using CoffeeScript

I'm trying to pass my own function into a jquery animation to create my own easing function. This code is written in coffeescript and is actually called, but does not perform an easing function. It merely acts like a callback function. Has anyone…
JonMorehouse
  • 1,313
  • 6
  • 14
  • 34
0
votes
3 answers

How to debug what appears to be a jQuery/MooTools conflict?

I am attempting to implement a jQuery plugin called Textify which I purchased on CodeCanyon. Textify requires jQuery, and I am implementing this plugin in a Joomla 2.5 environment using the Vertex framework from Shape5. After integrating the plugin…
Ali Samii
  • 1,672
  • 4
  • 28
  • 49
0
votes
1 answer

Jquery Bind / Unbind

On my site I have a contact button that when pressed slides a div containing a contact form downwards (using jQuery animate). This div has a close button in it that when pressed slides it back up (it's original position is off the screen). I need to…
Sam Skirrow
  • 3,647
  • 15
  • 54
  • 101
0
votes
1 answer

Customize Easing in Jquery

So I have an issue with the documentation for easing. I have looked in the code and have found something that I would like to customize but currently have no knowledge on how to. Here is the function I am calling: $('.caption').show('scale', {…
WPAflight
  • 75
  • 1
  • 10
0
votes
0 answers

How do I programmatically get the current default easing function in jQuery?

$.easing contains the built-in easing functions, but it doesn't seem to contain any information on which one is the current default (i.e. the one that is used if an easing function is not explicitly specified). $.speed() has an easing property which…
dbkaplun
  • 3,407
  • 2
  • 26
  • 33
0
votes
0 answers

JS\Jquery - Use easing function on a variable

I have a CSS\JS based gauge with a dial that is animated with a jQuery.easing function. I want to have a numerical counter that raises with the dial. For this to happen, I'll need to apply the same easing function with the same time on a variable…
Miki
  • 419
  • 1
  • 4
  • 15
0
votes
1 answer

I can't figure out how to do easing in jQuery

This is what I've pieced together from the internet. The slideDown works but it still looks linear. Is my aproach completely wrong or am I just missing something subtle? And how do I get it working? $.easing.easeOutQuad = function (x, t, b, c, d)…
rtoner
  • 3
  • 1
0
votes
1 answer

Sudden failure of jQuery script - Unable to correct issue(s)

I have a site that needs to go live by Monday and has experienced sudden issues in main homepage components. Any help would be greatly appreciated! Yesterday, everything worked fine. I undid the changes from yesterday, but the issue did not correct…
Bobby
  • 1
1 2 3
…
9
10