[jQuery] Is it possible to make a simple fading color rollover effect for text links?

I basically want the bg color (behind the text link) to turn red and then quickly fade away when the user highlights a text link. Is there a simple in built command for doing this?

[jQuery] Re: Is it possible to make a simple fading color rollover effect for text links?

Hi, I tried having a go and this is as far as I got: $(document).ready(function(){ $(".animate").hover(function() { $(this).animate({ opacity: 0, backgroundColor: "#FF" }, 1000 ); }); }); I can get any element with class = "animat

[jQuery] Re: Is it possible to make a simple fading color rollover effect for text links?

Hi, thats brilliant! much better than the effort i came up with haha, thanks so much:-)

[jQuery] Re: Assigning an animation toggle to a checkbox to fade a table row in/out

That's perfect!! Works really nicely. Just out of interest what does the blur() mean and why is it parent().parent(). Would that need to change if I introduced more td's? Is it possible to add a background image to the row? Would that have to be done with a style switch, or is there a command tha

[jQuery] Re: How do I attach a toggle to a checkbox. I want a table row to fade out/in, when a checkbox is toggled

I managed to come up with this, which seems to work to some extent. $(document).ready(function(){ $('input#go').click(function() { if($(this).attr("checked")) { $("tr").animate({ opacity: 0.2, }, 500 ); } else { $("tr").animate({ opacity: 1,

[jQuery] Assigning an animation toggle to a checkbox to fade a table row in/out

I have created a table, at the end of each table row is a checkbox. When the user selects the checkbox, that row will fade out to give the illusion its now disabled. When the checkbox is unchecked I want the row to fade back. Can this be done? I have managed to do it rather crudely in the followi

[jQuery] How do I attach a toggle to a checkbox. I want a table row to fade out/in, when a checkbox is toggled

I have created a table, at the end of each table row is a checkbox. When the user selects the checkbox, that row will fade out to give the illusion its now disabled. When the checkbox is unchecked I want the row to fade back. Can this be done? I have managed to do it rather crudely in the followi

[jQuery] Need to slide a Div containing an image so that it is always on the screen as the user browses a gallery containing many thumbnails

Hi, I am building this website for a client (http://www.melaniepotro.com/ collection.html) and the collection section features many photos. At the moment when a user clicks on a thumbnail the screen suddenly jumps to the top so that the main image can be displayed. This is very annoying for the u

[jQuery] Need to create a really simple slide animation that slides a div left and right when the corresponding left and right arrows are clicked

I basically have a div of a fixed width and height with overflow:hidden in place to hide the content. Within that div (outerdiv) is another div (innerdiv) with a fixed width and move divs (contentdivs) floated left inside it to make them sit alongside each other. I have 2 arrows, one pointing left

[jQuery] using variables with jquery

Hi, I need to make a div slide across the screen using the animate command. It works when I use the following: $('#js_innerwrapper').animate({left:"+=500"}, 1000, 'easeOutSine'); However, i need to be able to change the 500 to be width of the div, which i get using: $.gamewidth = $('.gamewrap

[jQuery] Is there a way of counting the number of id's with the same name, and then renaming them _1, _2, _3 etc.

Hi, I am dynamically generating html which looks like this: Some Content Some Content Some Content I need to write some jquery which will turn that into this: Some Content Some Content Some Content Any ideas? Dave