jquery-animate

I have a fairly sophisticated Maps application that handles multiple custom markers and such. I have a function called resizeWindow that I call in a listener to that whenever the screen is changed, the map redraws itself by calculating new bounds and forcing a resize. It looks like this: window.onresize = function(event) { fitmap(); }; and the function to resize is: function fitmap(id) { var coords = []; var newlatlng = new google.maps.LatLng(projlat, projlng); coords.push(newlatlng); for (var i=0; i<markers[id].length; i++) { newlatlng = new google.maps.LatLng(markers[id][i].latitude, markers

I'm trying to build a background animation with jQuery which changes from one gradient to another. I know you can use the .animate() function to change solid background colors, but can this also be done for gradients? Here's a good example from some old Digg-style comments. I'm looking to do something like this animating from green to yellow UPDATE: These days, all major browsers support CSS animations, which are way more reliable than jQuery. For reference, see Rohit's answer. OLD ANSWER: Animating the backgrounds directly is nearly impossible with jQuery, at least I could think of no way.

I have a script: $('#hfont1').hover( function() { $(this).css({"color":"#efbe5c","font-size":"52pt"}); //mouseover }, function() { $(this).css({"color":"#e8a010","font-size":"48pt"}); // mouseout } ); how can i animate it or slow it down, so it wont be instant ? Just use .animate() instead of .css() (with a duration if you want), like this: $('#hfont1').hover(function() { $(this).animate({"color":"#efbe5c","font-size":"52pt"}, 1000); }, function() { $(this).animate({"color":"#e8a010","font-size":"48pt"}, 1000); }); You can test it here . Note though, you need either the jQuery color plugin ,

Here is the code for xml: <ImageView android:id="@+id/imageView1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/minepic" /> Here the minepic is a gif animated image but after running the application its just showing a static image. Is there any solution about how to animate the .gif images in android application? To give a precise and complete answer here is what you need to do step wise: You would need to have different .png images which will act as frames for your animation. Save them in res/drawable folder. Create anim.xml file in res

I have a div absolutely positioned at top: 0px and right: 0px , and I would like to use jquery's .animate() to animate it from it's current position to left: 0px . How does one do this? I can't seem to get this to work: $("#coolDiv").animate({"left":"0px"}, "slow"); Why doesn't this work and how does one accomplish what I am looking to do? Thanks!! I think the reason it doesn't work has something to do with the fact that you have the right position set, but not the left . If you manually set the left to the current position, it seems to go: Live example: http://jsfiddle.net/XqqtN/ var left = $

Is there a way in jQuery to animate the css3 border-radius property available in Webkit and Mozilla browsers? I haven't found a plugin that will do it. -webkit-border-radius -moz-border-radius I originally expected that something like... $("selector") .css({borderRadius: 10}); .animate({borderRadius: 30}, 900); ...would work. But, I was wrong: Webkit allows you to set the value for all four corners via borderRadius , but won't let you read it back - so with the code above, the animation will always start at 0 instead of 10. IE has the same problem. Firefox will let you read it back, so