View: Menu déroulant qui se déroule/cache quand la souris est dessus avec JQuery

1. Menu déroulant qui se déroule/cache quand la souris est dessus avec JQuery
   1 month ago by angenoir
   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>
   DéroulantJavascriptMenu
   View source