For questions related to animating elements using jQuery effects.
Questions tagged [jquery-effects]
288 questions
62
votes
3 answers
How many milliseconds do "slow", "normal", and "fast" represent in jQuery?
jQuery allows use of the string values "slow", "normal", and "fast" in animations (e.g.: $('#example').fadeOut('slow');). How many milliseconds do each of these values represent?
Matt Huggins
- 81,398
- 36
- 149
- 218
31
votes
6 answers
JQuery show and hide div on mouse click (animate)
This is my HTML code:
And I want to show .menu on click on #showmenu…
MM PP
- 4,050
- 9
- 35
- 61
27
votes
8 answers
jQuery cross-browser "scroll to top", with animation
Right now I'm using this:
$('#go-to-top').each(function(){
$(this).click(function(){
$('html').animate({ scrollTop: 0 }, 'slow'); return true;
});
});
which doesn't work in Chrome, and in Opera I get a small flicker: the browser instantly…
Alex
- 66,732
- 177
- 439
- 641
27
votes
3 answers
Append and Slide together jQuery
I have this append method which I made to add more input boxes until there is 10 of them which will disable into making more.
i = 0;
$('#add-link').click(function()
{
if(i < 9)
{
$('.insert-links').append('
MacMac
- 34,294
- 55
- 151
- 222
14
votes
2 answers
Does jQuery have a plugin to display a "message bar" like the Twitter "wrong password" bar at the top of screen?
Twitter will pop down a message bar at the top of the screen say "Wrong password" and after 10 seconds, it will slide up and disappear. Chrome also shows "Do you want to save the password" message box using such a way.
Does jQuery have a plug in to…
nonopolarity
- 146,324
- 131
- 460
- 740
13
votes
1 answer
jQuery - recreate slideDown() effect using the animate() function?
How can I recreate jQuery's $.slideDown effect using the $.animate function?
Alex
- 66,732
- 177
- 439
- 641
12
votes
4 answers
jquery fadeout, load, fadein
I am using JQuery and what I want to happen is.
Div fades out using the fadeOut command. It then loads content from a url using the load command. Then once content loaded it fades back in using the fadeIn command.
The code I have…
John
- 21,047
- 43
- 114
- 155
11
votes
6 answers
Fade out and slide up at the same time?
I have the following script which works well:
$(that).parents(".portlet").fadeOut('slow', function() {
$(that).parents(".portlet").remove();
});
It just fades out the element, then removes it totally from the screen.
I want to slightly improve…
oshirowanen
- 15,297
- 82
- 198
- 350
11
votes
3 answers
How to Slide Left to Right an Element by jquery
Trying to Slide h3 title to right direction by jquery to this slider. This slider has fade effect by default, I'm trying give slideRight effect to h3 title of slider.
HTML:
- …
Aariba
- 1,174
- 5
- 20
- 52
11
votes
11 answers
Animate background color like a progress bar in jQuery
I have a div which has some text content( eg: My Name ) and the div is in RED background colour and a button.
My need :
If I have clicked the button , I need to change the background of a div from RED to BLUE like Progress bar for 10…
Human Being
- 8,269
- 28
- 93
- 136
11
votes
3 answers
Fadeout + empty a div, and then put new content in
What is a good way to fadeout the content of a div, but keeping the div ready for new content?
With
$('#info').html('').fadeOut(500);
or
$('#info').fadeOut(500).html('').show();
The div content just disappears, and new content does not show
With
…
mowgli
- 2,796
- 3
- 31
- 68
10
votes
5 answers
What are the Options for jQuery Animated Effects?
A lot of the jQuery (and jQuery UI) functionality allows for animations to occur when showing/hiding elements. One of the irksome things about their otherwise-thorough web site is their lack of definitions of the animation keywords you can use. I'm…
Doctor Blue
- 3,769
- 6
- 40
- 63
9
votes
2 answers
Fly a Div to another div with fly effect
In a complex jquery problem, If possible,I want a an image to fly into another div and adding 1 to current value , just as it does in shopping carts
The scenario is a user can like another user, by clicking thumbs up
next to his image now I want…
June
- 793
- 2
- 17
- 43
8
votes
2 answers
jQuery Highlight Effect On Table Row Styled With Bootstrap
Using Bootstrap 2.0 I've styled a table using .table-striped. I'm updating rows of data via ajax and when the update is complete, I want to highlight the row, which works on rows that don't have a background-color. So basically, the even rows…
Gregg
- 34,973
- 19
- 109
- 214
8
votes
4 answers
jQuery: Change highlight fade-to color?
Is it possible to change the color that the jQuery highlight effect fade's to?
Right now it starts the highlight at yellow, then fades to white and then fades out.
I ultimately what to highlight the background color with yellow, then just fade to…
Shpigford
- 24,748
- 58
- 163
- 252