javascript - Scrolling effect on click on a image -
i'm trying make scrolling effect menu. precise want click on image , when click menu scroll down 1 fade effect or ever effect next link. ahhh...like windmill wheel if u understand mean.:) , couldn't find info.
here code :
<div class=".img-fade"><img src="http://www.lahondafire.org/nest/volunteer%20manual/signs%20and%20forms/arrow.gif" width="180" height="170"><br> when click on arrow links below start scrolling down 1 , contact top , me to bottom...</div> <div class="menu"> <a href="#">about me</a><br> <a href="#">portofolio</a><br> <a href="#">contact</a> </div>
http://jsfiddle.net/wctqn/242/
so when click on arrow move links top bottom or bottom top,dosen't matter.
thank you.
you can try this method. reorders list elements when arrow clicked
$('.img-fade').click(function() { var last = $('a')[0]; last.remove(); $('br')[0].remove(); $('.menu').append("<br> " + last['outerhtml']); });
you should learn how use javascript/jquery , show you've tried far , you're having trouble next time post here
if want fancier similar this example, though i'd add .stop()
s remove errors has
Comments
Post a Comment