CODEWITHSUNDEEP
javascriptjqueryjquery-slide-effects
REELHERO
REELHERO

Reputation: 37

text slide on rollover

I have rollover thumbs that fade on my page but id like the text to slide into place instead of fading on but with a transparent colored bar under the text. 

$(document).ready(function()
{
$("img.b").hover(
function() {
$(this).stop().animate({"opacity": "1"}, "70");
},
function() {
$(this).stop().animate({"opacity": "0"}, "100");

the way it operates now

http://toddheymandirector.com/REEL/

how id like it to operate

http://toddheymandirector.com/slide.html

Upvotes: 0

Views: 730

Answers (1)

Ryan Potter
Ryan Potter

Reputation: 845

You can do it a little like this: http://jsfiddle.net/xze3g/2/

EDIT: added opacity for IE

Upvotes: 3

Related Questions