PATH:
home
/
lab2454c
/
fcxpro.com
/
wp-content
/
plugins
/
webon-core
/
inc
/
header
/
layouts
/
standard
/
assets
/
js
/
parts
(function ($) { "use strict"; $(document).ready(function () { qodefStandardNavMenu.init(); }); var qodefStandardNavMenu = { backgroundAnimation: function() { var firstLevelMenus = $('.qodef-header-navigation > ul '); if ( firstLevelMenus.length ) { firstLevelMenus.each(function() { var mainMenu = $(this); mainMenu.append('<div class="qodef-main-menu-background"></div>'); var menuLine = mainMenu.find('.qodef-main-menu-background'), menuItems = mainMenu.find('> li.menu-item'), initialOffset; if ( menuItems.filter('.current-menu-ancestor').length ) { initialOffset = menuItems.filter('.current-menu-ancestor').offset().left; menuLine.css('width', menuItems.filter('.current-menu-ancestor').outerWidth()); } else { initialOffset = menuItems.first().offset().left; menuLine.css('width', 0); } //initial positioning menuLine.css('left', initialOffset - mainMenu.offset().left); //fx on menuItems.mouseenter(function() { var menuItem = $(this), menuItemWidth = menuItem.outerWidth(), mainMenuOffset = mainMenu.offset().left, menuItemOffset = menuItem.offset().left - mainMenuOffset; menuLine.css('width', menuItemWidth); menuLine.css('left', menuItemOffset); menuLine.css('animation', 'none'); }); //fx off mainMenu.mouseleave(function(){ if (menuItems.filter('.current-menu-ancestor').length) { menuLine.css('width', menuItems.filter('.current-menu-ancestor').outerWidth()); menuLine.css('left', initialOffset - mainMenu.offset().left); } else { menuLine.css('width', 0); menuLine.css('left', -30); menuLine.css('animation', 'qode-fade-out .1s .5s forwards'); } }); }); } }, widgetBackgroundAnimation: function() { var widgets = $('#qodef-page-header .qodef-widget-holder'); if ( widgets.length ) { widgets.each(function() { var widget = $(this); widget.append('<div class="qodef-widget-background"></div>'); var widgetBackground = widget.find('.qodef-widget-background'), widgetItems = widget.find('>.widget'), initialOffset; initialOffset = widget.first().offset().left; widgetBackground.css('width', '0'); //initial positioning widgetBackground.css('left', initialOffset - widget.offset().left); //fx on widgetItems.mouseenter(function() { var widgetItem = $(this), widgetItemWidth = widgetItem.outerWidth(), widgetOffset = widget.offset().left, widgetItemOffset = widgetItem.offset().left - widgetOffset; widgetBackground.css('width', widgetItemWidth); widgetBackground.css('left', widgetItemOffset); widgetBackground.css('animation', 'none'); }); //fx off widgetItems.mouseleave(function(){ widgetBackground.css('width', 0); widgetBackground.css('left', 0); widgetBackground.css('animation', 'qode-fade-out .1s .5s forwards'); }); }); } }, init: function () { var $standardMenuObject = $('.qodef-header--standard #qodef-page-header'); if ( $standardMenuObject.length ) { qodefStandardNavMenu.backgroundAnimation(); qodefStandardNavMenu.widgetBackgroundAnimation(); } } }; })(jQuery);
[-] header-standard.js
[edit]
[+]
..