For questions related to animating elements using jQuery effects.
Questions tagged [jquery-effects]
288 questions
3
votes
2 answers
Animated gif no longer animated on jquery .show()
As far as I can tell this only affects IE 8.
Using the following code, the gif appears but is not animated (stuck in one position):
$("#<%=assessmentListLinkClientID() %>").click(function(){
$("#assessmentListLoaderImg").show();
…

m.edmondson
- 30,382
- 27
- 123
- 206
3
votes
1 answer
Selenium Test to test Jquery Effects ( Slide, fade)
We have a web application and we are using JQuery UI transition effects fade and slide. We would like to automate this using selenium.
Does any one has any suggestion how can I achieve this goal ?
Thanks

Sahil
- 121
- 9
3
votes
2 answers
Automatic jquery effects (not wanted)
I've created a simple show/hide menu : when you click on one button the current tab hides and another one shows up. I've set the 'fade' effect but some slides and other effects are happening. Here's the example on codepen. I'd like to apply…

Maëlle
- 629
- 1
- 11
- 25
3
votes
1 answer
jQuery Explode changes fonts while exploding, how do I stop this?
Go to http://hartford.uconn.edu/scholarships/ click on any name, then click on "close" button which will show you that while "exploding" the fonts change from default "Trebuchet MS/ Trebuchet" to "Times New Roman". I have tried defining body…

Tumharyyaaden
- 2,733
- 3
- 19
- 20
3
votes
1 answer
JQUERY Effect highlight, control the Start & End colors
I have the following:
$(".notifycell_email_dailydigest").effect('highlight');
The element I want to highlight is over a gray background. Problem is the highlight goes from Yellow to white, and has this ugly slow pause at the end on the white which…

AnApprentice
- 108,152
- 195
- 629
- 1,012
3
votes
2 answers
jquery-ui effect changes size when running effect
I wat to run a jquery-ui effect called "shake" on a input tag:
$("#myInput").effect("shake");
I gave the input tag a new size in the included css file:
height: 25px;
width: 250px;
The effect runs fine, but during the effect, the input tag has the…

Oath Comrade
- 283
- 2
- 9
3
votes
1 answer
Explode effect jquery not working
I have a banner which need to be appear by explode effect in jquery.
html:
3
votes
1 answer
JQuery UI highlight effect color parameter ignored in Knockout foreach
Im trying to apply the JQuery UI highlight effect to an element when an item that is bound to a knockout observablearray is updated.
The highlight effect is applied but the highlight color used is always the elements current background color. even…

itaylorweb
- 146
- 5
3
votes
2 answers
jQuery effect causes element to reposition during animation
When I do an animated show/hide on the select element it repositions itself during the animation. I can't do anything about the style of the "body"; it's the standard class markup in the app. Is there some simple CSS I can apply to the select…

Homer
- 7,594
- 14
- 69
- 109
3
votes
1 answer
jQuery UI slide effect cuts off part of div while transitioning
I am trying to implement a page transition using the jQuery UI slide effect. Unfortunately, when the transition is underway the page gets chopped off at the top. I have reproduced the issue using this jsfiddle:…

Naresh
- 23,937
- 33
- 132
- 204
3
votes
2 answers
How to create a "highlighting" effect in CSS3/Javascript?
I have a span of text, which when clicked gets highlighted by changing its background color. I would like to animate the highlighting, so that the background color changes progressively from left to right, as if someone was actually highlighting the…

user2398029
- 6,699
- 8
- 48
- 80
2
votes
1 answer
Custom parallax
I'm trying to create my own custom parallax plugin so that I am able to choose the direction the items transition off the screen and I'm just stuck at making sure that no matter how a user scrolls and no matter of the size of the window that the…

Matthew Deloughry
- 292
- 2
- 7
- 25
2
votes
2 answers
How to make a jQuery effects works for infinite?
how can I make the effect in jQuery works for infinite and won't stop, Since when I run it right now, it works only for a couple of seconds(3 sec) & stop after that.
ex:
$('div').effect('Slide');

Q8Y
- 3,801
- 12
- 39
- 38
2
votes
1 answer
jQuery: FadeIn/FadeOut timing issues
In a site I am managing, I have this styled link that on click fades in a drop list below it, so that the user can select a genre.
I have the Fade in working perfectly, the issue I am running into is trying to determine whether or not the drop down…

dennismonsewicz
- 25,132
- 33
- 116
- 189
2
votes
3 answers
jquery/css: how to implement a wipe left animation on background-color of a div
Here's my css
#Slide {
background: none;
height: 30px;
width: 140px;
}
#Slide.Selected {
background: #ff0;
}
I want that whenever I add/remove the class Selected to #Slide, the background-color property is animated by wiping in from…

vikmalhotra
- 9,981
- 20
- 97
- 137