For questions related to animating elements using jQuery effects.
Questions tagged [jquery-effects]
288 questions
4
votes
2 answers
Can you have more than 1 jquery effect on a div?
I'm on a project for work that requires push notifications.
The functionality works fine but the project leader wants to add extra ui effects to the notifications.
To do this we are using jquery effects.
My situation:
I have this push…

Teun Pronk
- 1,367
- 12
- 24
4
votes
2 answers
Using JQuery to get VH1's "Pop Up Video" effect?
I am hoping someone can help me recreate the "VH1 Pop Up video" effect, where the entire bubble scales, and has the Easing effect at the end.
I have a list with some display:none DIVs hidden in each item of a list.
I was hoping that when user…

verbatim
- 219
- 2
- 7
4
votes
4 answers
How to build a simple table filter with jQuery?
How can I build a simple table filter with good effect using jQuery? I don't mind about pagination.
list -> select data of database.
I do not want to use a plugin, I prefer the use of short code.
Example:

Sheikhasa Mozali
- 237
- 1
- 9
- 16
4
votes
2 answers
Can't get jQuery effect to run on mouseout
I don't know why, but the animate() in the hover "out" function seems to start from the 0 value, instead of 16 which should be set by the hover "in" function:
$.fx.step.textShadowBlur = function(fx) {
$(fx.elem).css({textShadow: '0 0 ' +…

Alex
- 66,732
- 177
- 439
- 641
4
votes
2 answers
How to use jquery to animate a back flip out of a button?
I would like to recreate this effect (using jquery) because I think its the coolest thing ever. http://m.madebycanvas.com/things/backflip.html (its by Matthew Farag)
...but I have no idea where to start. Does anyone know how or have any ideas? The…

Diogenes
- 2,697
- 3
- 26
- 27
4
votes
2 answers
jQuery animations with a MxN matrix
I'm splitting a element into multiple blocks (defined by a number of rows and columns), and then fade these blocks to create animation effects. The type of animation is decided by the delay() value:
$('.block').each(function (i) {
…

Alexa
- 225
- 1
- 3
- 7
4
votes
3 answers
jQuery switchClass
Is it possible to undo a switchClass transition?
I'd like an element to slowly obtain class A as you hover over it, and slowly lose it again once the mouse has moved away. However, the function appears to be glitchy, and calling .stop(0,1) doesn't…

Eric
- 95,302
- 53
- 242
- 374
4
votes
3 answers
jQuery animate not firing callback function
I have the following jQuery animate function:
$myDiv.animate({ "left": "0%" }, { duration: 1000, easing: 'easeInOutExpo' },
function () {
alert('hi');
}
);
The animation itself works. $myDiv slides with the easeInOutExpo effect, as…

Nullqwerty
- 1,140
- 1
- 20
- 37
4
votes
4 answers
jquery effect highlight not working
I'm banging my head against the wall using the highlight feature, for which i use quite often.
In the console when I run:
$('.2').effect('highlight', {}, 3000);
It returns:
[…]
Which is the element i'd like to highlight. However it doesn't…

jahrichie
- 1,215
- 3
- 17
- 26
4
votes
3 answers
Javascript to minimize using Genie effect?
I'd like to minimize a box, much like a popup popin in genie effect on a Mac, I found jQuery Transfer effect to be a close, but not quite enough, it only draws an outline and doesn't actually smear the object, is there a way to mimic the genie…
acidking
- 145
- 3
- 10
I'd like to minimize a box, much like a popup popin in genie effect on a Mac, I found jQuery Transfer effect to be a close, but not quite enough, it only draws an outline and doesn't actually smear the object, is there a way to mimic the genie…

acidking
- 145
- 3
- 10
3
votes
3 answers
Slide subsequent elements as well when using jQuery Ui's slide effect
I'm looking for a way to toggle an element's visibility by sliding it in while smoothly pushing away those elements that are in the target position.
Until now I tried both slide effects from jQuery and jQuery Ui and it seems like I need a blend of…

jnns
- 5,148
- 4
- 47
- 74
3
votes
2 answers
How to build a drag and drop circle system like google+
I've been testing G+ for a little while and i find the friends drag and drop into circle thing has a verry good effect (don't you think ?)
I was wondering how to achieve a similar effect when drag & dropping user into a circle using jQuery. It may…

sf_tristanb
- 8,725
- 17
- 74
- 118
3
votes
2 answers
jQuery animation() - complete firing too soon
I wrote a little animation script that fades a set of stripes from left to right. After all animations are complete a callback functions shoud run.
The script is here:
http://jsfiddle.net/9zkbu/
It works fine, but I want to do the same for a…

Alex
- 66,732
- 177
- 439
- 641
3
votes
1 answer
How to use jQuery's "slideDown" and "slideUp" effect in the jQuery Expander Plug-in?
I'm using the jQuery Expander plug-in. I would like it to use an effect like jQuery's slideUp and slideDown as opposed to the default, fadeIn.
Can someone tell me how to do this?
Here are the default options:
$.fn.expander.defaults = {
slicePoint:…

Cofey
- 11,144
- 16
- 52
- 74
3
votes
2 answers
jQuery - zoom image effect (emulate browser resize)
Can a zoom image like effect be reproduced with jQuery + background-position animation?
something like this: http://www.sohtanaka.com/web-design/examples/image-zoom/
I mean, instead of animating image size (which sucks because browsers resize images…

Alex
- 66,732
- 177
- 439
- 641