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

Popular posts from this blog

c++ - Creating new partition disk winapi -

Android Prevent Bluetooth Pairing Dialog -

VBA function to include CDATA -