Вход Регистрация
Файл: tankon.mobi/js/jquery.spasticNav.js
Строк: 51
<?php
(function($) {

    $.fn.
spasticNav = function(options) {
    
        
options = $.extend({
            
overlap 20,
            
speed 500,
            
reset 1500,
            
color '#0b2b61',
            
easing 'easeOutExpo'
        
}, options);
    
        return 
this.each(function() {
        
             var 
nav = $(this),
                 
currentPageItem = $('#selected'nav),
                 
blob,
                 
reset;
                 
             $(
'<li id="blob"></li>').css({
                 
width currentPageItem.outerWidth(),
                 
height currentPageItem.outerHeight() + options.overlap,
                 
left currentPageItem.position().left,
                 
top currentPageItem.position().top options.overlap 2,
                 
backgroundColor options.color
             
}).appendTo(this);
             
             
blob = $('#blob'nav);
             
            $(
'li:not(#blob)'nav).hover(function() {
                
// mouse over
                
clearTimeout(reset);
                
blob.animate(
                    {
                        
left : $(this).position().left,
                        
width : $(this).width()
                    },
                    {
                        
duration options.speed,
                        
easing options.easing,
                        
queue false
                    
}
                );
            }, function() {
                
// mouse out    
                
reset setTimeout(function() {
                    
blob.animate({
                        
width currentPageItem.outerWidth(),
                        
left currentPageItem.position().left
                    
}, options.speed)
                }, 
options.reset);
    
            });
        
        }); 
// end each
    
    
};

})(
jQuery);
?>
Онлайн: 1
Реклама