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

How to add customized easing function in this jQuery code segment without getting all jQueryUI in this?

I saw somebody used an algorithm to simulate the easeOutExpo effect with just the linear parameter. The disadvantage of this code below is it needs a calculation: step_value += (target_value - step_value)/25. It looks very weird in the code. How do…
AGamePlayer
  • 7,404
  • 19
  • 62
  • 119
0
votes
1 answer

jQuery easing library - Uncaught Error: Syntax error, unrecognized expression

I am trying to use http://gsgd.co.uk/sandbox/jquery/easing library in my single page app to navigate to different section of my page with smooth scrolling effect. When I use the following html markup:
0
votes
1 answer

How do I add JQuery Easing to my simple HoverIntent menu

I've made a simple menu that uses Hover Intent. Here is the menu (with JQueryEasing linked to it). At the moment is just uses .animate to animate the opening and closing of the menu items. How would I add JQueryEasing to this motion (like jswing…
Gaelen
  • 305
  • 5
  • 19
0
votes
1 answer

Imitating @keyframes rule using Javascript only

I'm trying to create a function that uses percentage to get a number. The idea is to have something like this: 0%: 100px 50%: 200px 75%: 210px So when I run my function at a percentage like 25% it blends 0 and 50 together, same for above 50%. It…
user9884707
  • 45
  • 1
  • 5
0
votes
0 answers

Jquery animations are working inconsistently

I'm working on a simple game project and playing around with jQuery to do some animations. For some reason, the smoothness and consistency of the animations correlate to how 'active' the webpage is. If I keep the mouse idle on the webpage, the…
Ken
  • 47
  • 2
  • 6
0
votes
0 answers

Remove dependency of a library from jquery

The previous developer has included the jquery like this - In this jquery there is a line as…
Tester
  • 157
  • 8
0
votes
1 answer

Electron jquery.easing is not a function

I'm trying to make an Electron-App out of my existing website. So I installed everything via npm and copied to files of my website to the electron folder. The app start's and my first page works fine but on another page im using jquery to animate…
user10172226
0
votes
1 answer

jquery easeOutBounce horizontal

I'm trying to do a easeOutBounce horizontal animation, but all i succeed to do is vertical easeOutBounce, with this : $('#tester').slideToggle(1000,'easeOutBounce'); here is my jsfiddle : https://jsfiddle.net/newzy08/xpvt214o/372035/ I haven't seen…
PierreN
  • 968
  • 4
  • 11
0
votes
1 answer

jQuery - animate on scroll up and down with easing effect?

I want to animate an element when I scroll down and up the page: $(document).ready(function(){ $(window).scroll(function(){ $('p').each(function(r){ var scrolled = $(window).scrollTop(); $(this).css('top', (scrolled * 2.5) +…
Run
  • 54,938
  • 169
  • 450
  • 748
0
votes
1 answer

Coda Slider and Fancybox Conflict

i have some issues with Coda Slider and Fancybox. I use Fancybox to load an external Site within an Iframe and Coda Slider is for the Content Slider on the Startpage. If i have the jquery-easing Plugin called in my Head fpr the Coda Slider, the…
Jings
  • 8,360
  • 3
  • 18
  • 17
0
votes
1 answer

Can I use jQuery easing with existing CSS mouseovers that use background-position?

I have a series of image mouseover links that change background-position when hovered. Is it possible to use jquery easing with these links without changing my CSS3? If so does anyone have any examples? here is my code:
Erik
  • 5,701
  • 27
  • 70
  • 119
0
votes
1 answer

How to reset the margin of an image for animation using jquery easing?

I'm trying to animate an image using jquery easing (See http://gsgd.co.uk/sandbox/jquery/easing/ ) which will allow the image to fly from right to left on click on a link ('rates' in case) on navbar. The problem is, I'm not able to reset the left…
JoeZ
  • 79
  • 1
  • 2
  • 11
0
votes
2 answers

jQuery Easing Animation

I need to show an animation where an input box falls from top, expands after falling and user can type in some text in that box using jQuery easing.. same effect like https://www.meperdi.es/
Maxx Decaux
  • 1
  • 2
0
votes
2 answers

Plugin: Kwicks for Jquery works perfectly with Jquery 1.2.6 but not 1.4.2

This is about the (mootools-like) kwicks Jquery plugin: http://www.jeremymartin.name/projects.php?project=kwicks I have the same problem as this guy here jquery kwicks issue (kwicks for jquery works fine on test site but not on live site) but in my…
Cogicero
  • 1,514
  • 2
  • 17
  • 36
0
votes
2 answers

JQuery easing not functioning

Trying to recreate this: http://jsfiddle.net/pvq111u9/ It rotates once 360 degrees then stops ... the easing function isn't being called ... even tried including jquery.easing.min.js ...