Questions tagged [jquery-effects]

For questions related to animating elements using 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:
X
youaremysunshine
  • 341
  • 6
  • 16
  • 28
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