Stack Overflow
Stack Overflow

Questions tagged [jquery-effects]

For questions related to animating elements using jQuery effects.

288 questions
8
votes
7 answers

jQuery fade elements from one class to another, on hover

can this be done? for eg. .class1{ background-image:(whatever.jpg) color: #fff; } .class2{ background-image:(whatever2.jpg) color: #999; } can I fade all elements that have class1 to class2 when the mouse is over the element, and back to…
Alex
  • 66,732
  • 177
  • 439
  • 641
8
votes
1 answer

Sticky header animated linear background color

I´ve searched the web 100 of times to find something that is like that what I want. I found nothing and tried to do it myself. After two days I give up because of many reasons. So I´m asking you all here if some one can do it for me. Think about a…
muuvmuuv
  • 901
  • 2
  • 13
  • 39
8
votes
1 answer

Stop Pulsate jQuery Effect

I am currently using the kilianvalkhof jQUERY pulsate effet. http://kilianvalkhof.com/jquerypulsate/ My aim is to start the effect on a div when the user clicks on a menu item. When the user clicks on a different menu item I want the currant active…
Samuel Meddows
  • 36,162
  • 12
  • 38
  • 36
7
votes
2 answers

how to increase jquery dialog height & width dynamically with some effect

when i am showing my dialog then my dialog height is 100 and width is 100 like $("#dialog").dialog({ autoOpen: true, height: 100, width: 100, modal: false, draggable: false, resizable: false, }); and loading data in…
Keith Costa
  • 1,783
  • 11
  • 35
  • 68
7
votes
1 answer

jQuery.Cycle - use two different effects on same container

I'm currently using jQuery.Cycle to cycle through a few child
tags. However, I want the default cycle fx to be fade, and when I click on the next or prev selectors, I want the cycle fx to temporarily change to scrollRight or scrollLeft…
Anriëtte Myburgh
  • 13,347
  • 11
  • 51
  • 72
7
votes
3 answers

Easing with .hide('slide')?

Is it possible to have easing with this: ('#sideBar').hide('slide', {direction: 'right' }, 800, function(){...}); At the moment it is very jittery as it is moving maybe.. 100 - 500 pixels (depending on content). I have been looking google and…
Josh Boothe
  • 1,413
  • 4
  • 25
  • 40
7
votes
3 answers

How can I highlight a button with jQuery?

I need to draw the user's attention to a button at a certain point while using my page. Ideally I'd like the button to "glow". i.e. Have a border around it that fades in, then…
Urbycoz
  • 7,247
  • 20
  • 70
  • 108
6
votes
3 answers

Apply easing on jquery ui show?

I'm trying to apply easing on a jquery ui show effect. Ideally the api would look something like this: $(this).show('scale', { duration: 1000, easing: 'easeOutBounce', }); Currently the element is at display:none. I need to show it with the…
Harry
  • 52,711
  • 71
  • 177
  • 261
6
votes
1 answer

Is there a way to create strip transition effects similar to Nivo Slider with jquery cycle?

I'm a big fan of the jquery cycle plugin yet it would be cool if it had some more complex transition effects similar to Nivo Slider or jqFancyTransistions. I understand the jist of how to create custom effects with jquery cycle, yet I'm having a…
hybrid
  • 3,868
  • 2
  • 26
  • 28
6
votes
2 answers

jQuery show() fail with last(), after() and "blind" effect

I'm getting a bug from jQuery 1.10.2, the last one, and I would know if anybody have any (other) solution for this issue. My script create multiple DIV blocks (named items) from one model (item model), add the current after the last one and display…
Loenix
  • 1,057
  • 1
  • 10
  • 23
6
votes
4 answers

Making div animate and appear rotating clockwise.i.e radialwipe clock effect for Div

I have been googling for a appear effect of div like here. Here image is drawn using < canvas > "radialwipe clock effect " How can I achieve this. I found this javascript library. But it provides this effect for image only. I need the same effect…
Nagesh Salunke
  • 1,278
  • 3
  • 14
  • 37
6
votes
3 answers

jquery how to do a flip effect?

i am trying to mimic an effect found usually on mobile devices where you have a panel and when u click a button it spins around and on the other side it has some other info. i found some code that usses css transitions and here is an example the…
Patrioticcow
  • 26,422
  • 75
  • 217
  • 337
5
votes
2 answers

Reproduce css3 transformation with jquery

hi is there anyone can show me ho to reproduce this css3 effect with jquery using some delay/animation speed ? .element:hover{ -moz-transform: scale(1.3) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg); -webkit-transform: scale(1.3) rotate(0deg)…
itsme
  • 48,972
  • 96
  • 224
  • 345
5
votes
4 answers

In jQuery, can you fadeOut() without losing the element's real estate? (invisible vs display: none)

Because I need to fadeIn() another element of the same size back in, is there a way to fadeOut() the element so that the space is kept, so that the other elements are not re-flowed for a split second and then the fadeIn() will bring back another…
nonopolarity
  • 146,324
  • 131
  • 460
  • 740
5
votes
4 answers

How to add easing effect with animate in jquery?

I am animating a div but i would like to give some effect to that animate so i tried like this $('#slider').stop().animate({"margin-right": '0'}, 'slow','easeOutBounce'); easeOutBounce is not working for me.am i doing wrongly? But other than that…
sun
  • 1,598
  • 11
  • 26
  • 45
1
2
3
…
19 20