Forums

marginex

Hey Guys,

Been a lurker on here for a good while but have now joined as i need your help!

I'm a massive fan of jquery and im sure I have found something before to replicate what happens on the main image of this site http://www.airside.co.uk/ they have used flash but im sure it can be replicated or has been using jquery, the slide downwards and relevant text appears when rolled over, almost like jcarousel but I can't seem to find a working example that works the similer?

Can anyone point me in the right direction, I would be so grateful!

Brett

chazzwick

$(document).ready(function() {
	$(\"#box\").hover(function(){
		$(\"#box span\").animate({'bottom' : '0'})},
	function(){
		$(\"#box span\").animate({'bottom' : '-30px'});
	});
});

<div id=\"box\">
			<p>This is a content box</p>
			<span>This is some description text</span>
</div>

#box {width:300px;height:300px;position:relative;background:#36a;overflow:hidden}
#box span {position:absolute;bottom:-30px;height:30px;background: #343;display:block;	width:100%;}

This will get you the sliding text on hover. Not sure about the other thing. http://charles-harvey.co.uk/examples/slideDesc/

treehouse : what would you like to learn today?

Forums

jquery effect request