AlkantarClanX12
Current Path : /home/thanudqk/128shen.com/wp-content/themes/thegem/js/ |
Current File : /home/thanudqk/128shen.com/wp-content/themes/thegem/js/quickfinders-effects.js |
(function($) { $(function() { $('.quickfinder-item').each(function() { var $item = $(this); var $quickfinder = $item.closest('.quickfinder'); var initHover = { icon_color1: $('.gem-icon-half-1', $item).css('color'), icon_color2: $('.gem-icon-half-2', $item).css('color'), icon_background: $('.gem-icon-inner', $item).css('background-color'), icon_border: $('.gem-icon', $item).css('border-left-color'), box_color: $('.quickfinder-item-box', $item).css('background-color'), border_color: $('.quickfinder-item-box', $item).css('border-left-color'), title_color: $('.quickfinder-item-title', $item).css('color'), description_color: $('.quickfinder-item-text', $item).css('color'), button_text_color: $('.quickfinder-button .gem-button', $item).css('color'), button_background_color: $('.quickfinder-button .gem-button', $item).css('background-color'), button_border_color: $('.quickfinder-button .gem-button', $item).css('border-left-color') }; if($('.gem-icon', $item).hasClass('gem-icon-shape-hexagon')) { initHover.icon_background = $('.gem-icon .gem-icon-shape-hexagon-top-inner-before', $item).css('background-color'); initHover.icon_border = $('.gem-icon .gem-icon-shape-hexagon-back-inner-before', $item).css('background-color'); } $item.data('initHover', initHover); if($('a', $item).length) { if($item.hasClass('quickfinder-item-effect-background-reverse') || $item.hasClass('quickfinder-item-effect-border-reverse') && !$item.hasClass('border-reverse-with-background')) { $('.gem-icon-inner', $item).prepend('<div class="quickfinder-animation"/>'); } } }); $('body').on('mouseenter', '.quickfinder-item a', function() { var $item = $(this).closest('.quickfinder-item'); var $quickfinder = $item.closest('.quickfinder'); var initHover = $item.data('initHover'); $item.addClass('hover'); if($quickfinder.data('hover-icon-color')) { if($item.hasClass('quickfinder-item-effect-background-reverse')) { if($('.gem-icon', $item).hasClass('gem-icon-shape-hexagon')) { $('.gem-icon .gem-icon-shape-hexagon-back-inner-before', $item).css('background-color', $quickfinder.data('hover-icon-color')); $('.gem-icon .gem-icon-shape-hexagon-top-inner-before', $item).css('background-color', '#ffffff'); } else { $('.gem-icon', $item).css('border-color', $quickfinder.data('hover-icon-color')); $('.gem-icon-inner', $item).css('background-color', $quickfinder.data('hover-icon-color')); } $('.gem-icon-half-1', $item).css('color', $quickfinder.data('hover-icon-color')); $('.gem-icon-half-2', $item).css('color', $quickfinder.data('hover-icon-color')); } if($item.hasClass('quickfinder-item-effect-border-reverse')) { if($('.gem-icon', $item).hasClass('gem-icon-shape-hexagon')) { $('.gem-icon .gem-icon-shape-hexagon-back-inner-before', $item).css('background-color', $quickfinder.data('hover-icon-color')); $('.gem-icon .gem-icon-shape-hexagon-top-inner-before', $item).css('background-color', $quickfinder.data('hover-icon-color')); } else { $('.gem-icon', $item).css('border-color', $quickfinder.data('hover-icon-color')); $('.gem-icon-inner', $item).css('background-color', $quickfinder.data('hover-icon-color')); } $('.gem-icon-half-1', $item).css('color', '#ffffff'); $('.gem-icon-half-2', $item).css('color', '#ffffff'); } if($item.hasClass('quickfinder-item-effect-simple')) { $('.gem-icon-half-1', $item).css('color', $quickfinder.data('hover-icon-color')); $('.gem-icon-half-2', $item).css('color', $quickfinder.data('hover-icon-color')); } } else { if($item.hasClass('quickfinder-item-effect-background-reverse')) { if($('.gem-icon', $item).hasClass('gem-icon-shape-hexagon')) { $('.gem-icon .gem-icon-shape-hexagon-top-inner-before', $item).css('background-color', '#ffffff'); } else { $('.gem-icon', $item).css('border-color', $quickfinder.data('hover-icon-color')); } if(initHover.icon_color1 == '#ffffff' || initHover.icon_color1 == 'rgb(255, 255, 255)') { $('.gem-icon-half-1', $item).css('color', initHover.icon_border); } if(initHover.icon_color2 == '#ffffff' || initHover.icon_color2 == 'rgb(255, 255, 255)') { $('.gem-icon-half-2', $item).css('color', initHover.icon_border); } } if($item.hasClass('quickfinder-item-effect-border-reverse')) { if($('.gem-icon', $item).hasClass('gem-icon-shape-hexagon')) { $('.gem-icon .gem-icon-shape-hexagon-top-inner-before', $item).css('background-color', initHover.icon_border); } else { $('.gem-icon-inner', $item).css('background-color', initHover.icon_border); } $('.gem-icon-half-1', $item).css('color', '#ffffff'); $('.gem-icon-half-2', $item).css('color', '#ffffff'); } } if($quickfinder.data('hover-box-color') && !$quickfinder.hasClass('quickfinder-style-default') && !$quickfinder.hasClass('quickfinder-style-vertical')) { $('.quickfinder-item-box', $item).css('background-color', $quickfinder.data('hover-box-color')); } if($quickfinder.data('hover-border-color') && !$quickfinder.hasClass('quickfinder-style-default') && !$quickfinder.hasClass('quickfinder-style-vertical')) { $('.quickfinder-item-box', $item).css('border-color', $quickfinder.data('hover-border-color')); } if($quickfinder.data('hover-title-color')) { $('.quickfinder-item-title', $item).css('color', $quickfinder.data('hover-title-color')); } if($quickfinder.data('hover-description-color')) { $('.quickfinder-item-text', $item).css('color', $quickfinder.data('hover-description-color')); } if($quickfinder.data('hover-button-text-color')) { $('.quickfinder-button .gem-button', $item).css('color', $quickfinder.data('hover-button-text-color')); } if($quickfinder.data('hover-button-background-color')) { $('.quickfinder-button .gem-button', $item).css('background-color', $quickfinder.data('hover-button-background-color')); } if($quickfinder.data('hover-button-border-color')) { $('.quickfinder-button .gem-button', $item).css('border-color', $quickfinder.data('hover-button-border-color')); } }); $('body').on('mouseleave', '.quickfinder-item a', function() { var $item = $(this).closest('.quickfinder-item'); var $quickfinder = $item.closest('.quickfinder'); var initHover = $item.data('initHover'); $item.removeClass('hover'); $('.gem-icon', $item).css('border-color', initHover.icon_border); $('.gem-icon-inner', $item).css('background-color', initHover.icon_background); $('.gem-icon-half-1', $item).css('color', initHover.icon_color1); $('.gem-icon-half-2', $item).css('color', initHover.icon_color2); $('.quickfinder-item-box', $item).css('background-color', initHover.box_color); $('.quickfinder-item-box', $item).css('border-color', initHover.border_color); $('.quickfinder-item-title', $item).css('color', initHover.title_color); $('.quickfinder-item-text', $item).css('color', initHover.description_color); $('.quickfinder-button .gem-button', $item).css('color', initHover.button_text_color); $('.quickfinder-button .gem-button', $item).css('background-color', initHover.button_background_color); $('.quickfinder-button .gem-button', $item).css('border-color', initHover.button_border_color); if($('.gem-icon', $item).hasClass('gem-icon-shape-hexagon')) { $('.gem-icon .gem-icon-shape-hexagon-top-inner-before', $item).css('background-color', initHover.icon_background); $('.gem-icon .gem-icon-shape-hexagon-back-inner-before', $item).css('background-color', initHover.icon_border); } }); }); })(jQuery);