help: Sony Dropdown menu mimic it using mootools or jquery

Discussion in 'HTML & Website Design' started by akanesakura, Jan 11, 2009.

  1. #1
    Hi,

    Can someone help me to mimic the drop down menu of www[dot]sony[dot]com using mootools or jquery, or point me to a tutorial site where i could learn to create my drop down menu using mootools or jquery!

    Thanks!
     
    akanesakura, Jan 11, 2009 IP
  2. singod2

    singod2 Peon

    Messages:
    5
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #2
    In-order for this to work you must download the jQuery 1.2.6 Library:
    <script src="jquery-1.2.6.min.js" type="text/javascript"></script>
    <script type="text/javascript">
    $(function() {
      $('a').click(function() {
        $('#box').slideDown('slow');
      });
    });
    </script>
    <style type="text/css">
    #box {
     background: red;
     height: 500;
     width: 500;
    }
    </style>
    <div id="box">
     <a href="#">Click Me!</a>
    </div>
    
    Code (markup):
     
    singod2, Jan 11, 2009 IP