Tags: Menu,Javascript,Déroulant

Sort by: Date / Title /

  1. Menu déroulant qui se déroule/cache quand la souris est dessus avec JQuery
    6 months ago by angenoir
    Menu déroulant utilisant la librairie Javascript Jquery
    1. <script src="http://iscripting.net/jquery/jquery_1.2.1.js"></script>
    2. <script>
    3. $(document).ready(function(){
    4.  
    5. $("#drop_down").hide();
    6. $("#drop_down").animate({
    7.  
    8. opacity:0.5
    9.  
    10. });
    11.  
    12.  
    13. $("a:contains('blah')").mouseover(function() {
    14.  
    15. $("#drop_down").show("slow");
    16.  
    17. });
    18.  
    19. $("#drop_down").mouseout(function(){
    20.  
    21. $(this).hide('slow');
    22.  
    23. });
    24.  
    25.  
    26.  
    27. });
    28. </script>
    29. <style>
    30. #drop_down {
    31. background:olive;
    32. width:100px;
    33. height:200px;
    34. z-index:1;
    35. }
    36.  
    37. #hori_menu {
    38. height:60px;
    39. border: 2px solid #EEEEEE;
    40. width:400px;
    41. }
    42. </style>
    43.  
    44. <div id="hori_menu">
    45. <a href="#">Google</a>
    46. <br />
    47. <div id="drop_down">
    48. Bleh<br />
    49. Blub<br />
    50. Burp<br />
    51.  
    52. Items
    53. </div>
    54. </div>
    View source | 1

First / Previous / Next / Last / Page 1 of 1 (1 posteets)