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

Ankor scrolling with easing

i use the libary easing to scroll to ankor, but my code doesnt work if i klick on a second ankor it jumps to top again and then dont work at all. here is my homepage im working on: http://www.o-hoerr.de here is the jq i use: $(function() { //catch…
Oliver
  • 13
  • 4
0
votes
3 answers

Does jquery support the ability to "crossfade" the html in a div so the existing item fades out while the new html fades in?

I have a div and its got a bunch of html in it. I want to override it to show a message temporarily (lets says 3 seconds) but then ease back to the original html that was there. What is the best way to support this ?
leora
  • 188,729
  • 360
  • 878
  • 1,366
0
votes
1 answer

Easing effect for animating postion change

I use this line of code for changing the position of an ul to get the requested li in focus. $('ul#scroll').stop().animate({'left': new_pos+'px'}, {duration: 50, easing: "swing"}); I tried some Effects like smoothmove but I get an error, that…
user998163
  • 471
  • 1
  • 9
  • 28
0
votes
0 answers

Custom easing equation

I have this bit of code: $({ speed: 0 }).animate({ speed: 500 }, { duration: duration, easing: 'easeInSine', // can be anything step: function (now, fx) { // called on every step var $current =…
r3plica
  • 13,017
  • 23
  • 128
  • 290
0
votes
1 answer

Integrate easing on mouse wheel with arrows

I use this script to "fix" the problem of IE and Chrome not having a continous smooth scroll when using mouse wheel: if (window.addEventListener) window.addEventListener('DOMMouseScroll', wheel, false); window.onmousewheel = document.onmousewheel =…
MultiformeIngegno
  • 6,959
  • 15
  • 60
  • 119
0
votes
2 answers

Animate CSS with jQuery

So I have css that looks like this: .dropdown{ position:absolute; display: none; width: 69%; background-color: #6f6f6f; margin-right: 35px; z-index: 999999999; padding: 3%; margin-top: 20px; } #nav-menu > li:hover > .dropdown{ display:…
tfer77
  • 786
  • 1
  • 6
  • 16
0
votes
3 answers

jQuery animate doing same easing effect for any value

I want to do a simple animation with jquery, but it keeps doing the same easing effect, i cant change it. item.animate({ width: "500px" },500,"easeInSine"); My code is this simple. When i trigger it it just starts out slow and fast jumps to…
Kobulniczky Csongor
  • 437
  • 4
  • 11
0
votes
1 answer

Uncaught TypeError: Object # has no method 'easeOutCubic'
There are slightly less than a billion similar questions on SO, with about the same number of reasons for the error. I just don't seem to find mine. Kwicks accordian and the jQuery Easing plugin have been working for some time on my site and I'm…
donm
  • 47
  • 8
0
votes
0 answers

Conflict with jQuery easing, county and lavalamp plugins?

i am using jQuery easing, county and lavalamp plugins in a site i am working. the menu which uses lavalamp plugin is not working.. The instantiating code is $(function() { $("#fluidMenuBar").lavaLamp({ fx: "backout", …
Pramodh
  • 775
  • 2
  • 9
  • 17
0
votes
2 answers

Converting jQuery easing code from ul li to table

Here I have a jQuery easing in/out feature, and I was trying to convert it from ul li to table instead, it didn't work for me. $(document).ready(function(){ $('.topnav li').find('a[href]').parent().each(function() { var li =…
Digital site
  • 4,431
  • 12
  • 48
  • 72
0
votes
0 answers

jQuery loading and rendering incorrectly on different PCs

When I try to run my webpage on my browser/test it in other browsers, it will work perfectly with no bugs or error messages. This include IE6,7,8,9,10,newer versions of Firefox, and Chrome. Typically, today, I decided to run it on my bosses PC and -…
Simon Kiely
  • 5,880
  • 28
  • 94
  • 180
0
votes
1 answer

easeOutInQuad returns error "easeOutQuad" is undefined

I have a jQuery animation which slows down too much at the end using the default swing easing. I tried the linear option but it looked similarly slow near the end. I went through and tried several of the easing functions found here. Because I have…
Brad W
  • 2,540
  • 2
  • 18
  • 28
0
votes
1 answer

jQuery slider-revolution images not displaying for MVC4 project

I am trying to set up a page with a slider control on the homepage. I designed the pages offline and they are working successfully with all the images working as expected but when I uploaded them to my MVC4 page the javascript arrow just keeps…
Jay
  • 3,012
  • 14
  • 48
  • 99
0
votes
2 answers

How to rotate object with linear (normal) easing?

Looks like default easing in jQueryRotate plugin is not linear.. Image rotate with slowdown at the end of rotation. So if I use recursive function image doesn't rotate evenly. Example: Here is the code: HTML:
MonkeyShoulder
  • 83
  • 4
  • 12
0
votes
1 answer

How do I make a box with Jquery easing expand from centre

Hey guys I'm pretty new here and was wanting to know some jquery info for a university project. I'm using two jquery scripts: jquery-1.9.1.min.js jquery.easing.1.3.js Here's an example I've done of my current…
Ned Marquis
  • 1
1 2 3
…
9 10