user4fun Posted September 24, 2010 Share Posted September 24, 2010 I am tyring to animate a drop down menu. onmouseover, the menu slides down, when the mouse is of, the menu slides up. Why can't I find a respectful tutorial on that is beyond my understanding, I would appreciate any advise or links.Thank you Link to comment Share on other sites More sharing options...
thescientist Posted September 24, 2010 Share Posted September 24, 2010 probably because it's a (relatively) complex process. However, finding libraries to do it for you shouldn't be hard, it's just a matter of how well one can follow the directions. Which parts are you having trouble with? I would suggest trying one, and then posting in the javascript forums with whatever problems you are encountering. Link to comment Share on other sites More sharing options...
ApocalypeX Posted September 24, 2010 Share Posted September 24, 2010 probably because it's a (relatively) complex process. However, finding libraries to do it for you shouldn't be hard, it's just a matter of how well one can follow the directions. Which parts are you having trouble with? I would suggest trying one, and then posting in the javascript forums with whatever problems you are encountering.To add to this if you do not like javascript or want a quick fix then I advise looking for jQuery Plugins for drop down menus. They are very nice and easy to make. Link to comment Share on other sites More sharing options...
BobbyFrankyJim Posted September 25, 2010 Share Posted September 25, 2010 There is an example on w3schools using DHTML: http://www.w3schools.com/dhtml/tryit.asp?f...trydhtml_menu10 Link to comment Share on other sites More sharing options...
dsonesuk Posted September 25, 2010 Share Posted September 25, 2010 Just look up jquery, toggle, slideup, slidedownconnect to jquery library<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.4/jquery-ui.min.js"></script>then use something similar to below (not tested, top of head)$(document).ready(function() { $(".menu_anchor_link").toggle(function () { $(this).next("ul").slideDown("medium"); },function() { $(this).next("ul").slideUp("medium"); }); });EDIT: forget toggle use hover$("a.home").hover(function(){ $(this).next("ul").slideDown("medium")}, function(){ $(this).next("ul").slideUp("medium"); });}); Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.