search

TUM-FAF / FAF-Labs

A place for the lecturers to keep track of the assignments.
4 stars 1 forks source link

Buggy logo animation on the main page #4

Closed minivan closed 11 years ago

minivan commented 11 years ago

The cute animation on hovering upon the logo in the header doesn't work right. I don't really know what to do with it, I must have missed something important. Either way, will keep it here for future reference.

Pretty much all of it is in this fiddle: http://jsfiddle.net/Cwzga/8/

bumbu commented 11 years ago

Try this one

savavirtosu commented 11 years ago

It works great unless the user moves the mouse in and out of the element really quickly several times. I solved this with .stop(true,true) function:

  $(letter).stop(true,true).animate {left: "-="+delta+"em"}, 500

  $letter.stop(true,true).animate {left: delta+"em"}, 500
bumbu commented 11 years ago

Hey thanks. I've updated script. You can check it here. But I used .stop(true) which is equivalent with .stop(true, false). It gives a smoother feeling.