PageRenderTime 30ms CodeModel.GetById 20ms RepoModel.GetById 0ms app.codeStats 0ms

/jquery.menuhor-v0.1.js

https://bitbucket.org/jesusgoku/jquery-menu-horizontal
JavaScript | 28 lines | 18 code | 7 blank | 3 comment | 0 complexity | 30def5f397c7d60e53e7fdf6188aa167 MD5 | raw file
  1. (function($){
  2. $.fn.menuHorizontal = function(options){
  3. var defaults = {};
  4. var settings = $.extend({}, defaults, options);
  5. return this.each(function(){
  6. var obj = $(this);
  7. // Que ocupe todo el contenedor en IE
  8. obj.after('<div style="clear:both; width:0; height:0;"></div>');
  9. // Agrego clases para compatibilidad con IE en el CSS
  10. $('> li', obj).addClass('.first-level').find('ul').addClass('.submenu');
  11. $('> li:first', obj).addClass('first');
  12. $('> li:last', obj).addClass('last');
  13. // Agrego los eventos para desplegar el menu
  14. $('> li', obj).mouseenter(function(){
  15. $(this).addClass('active').find('ul').stop(true, true).slideDown();
  16. }).mouseleave(function(){
  17. $(this).removeClass('active').find('ul').stop(true, true).slideUp();
  18. });
  19. });
  20. }
  21. })(jQuery);