Kako zaustaviti animaciju na na mouse out?

Pozdrav.

Upomoć.

Uz pomoć jednog tutoriala sam napravio finu navigaciju, jedino
mi još fali da se animacija ne izvrši svaki put do kraja kada se kursorom pređe preko botuna.

kod:

(function($){
		  $.fn.autosprites=function(settings){settings=$.extend({offset:'100%',orientation:'horizontal',over:{opacity:'show'},overSpeed:500,out:{opacity:'hide'},outSpeed:1000,activeState:false,activeClass:'active',activeSprites:false},settings);function rempx(string){return Number(string.substr(0,string.length-2));}
		
function addpx(number){return number+'px';}
$(this).each(function(){var backgroundImage=$(this).css('background-image');
$(this).css('zIndex',100).find('a').css('zIndex',99);var totalPositionOffset=0;
$(this).children().each(function(){var positionOffset='-'+addpx(totalPositionOffset);var baseOffset='0px';if(settings.activeState&&$(this).hasClass(settings.activeClass)){baseOffset='-'+addpx(rempx(settings.offset));if(settings.activeSprites)
baseOffset='-'+addpx(rempx(settings.offset)*1);}

var position=settings.orientation=='horizontal'?positionOffset+' '+baseOffset:baseOffset+' '+positionOffset;var offsetPosition=settings.orientation=='horizontal'?positionOffset+' -'+settings.offset:'-'+settings.offset+' '+positionOffset;

$(this).css({backgroundImage:backgroundImage,backgroundPosition:position});var width=$(this).css('width');var height=$(this).css('height');var hover=$('<div>&nbsp;</div>').css({cursor:'hand',zIndex:1,position:'absolute',top:0,left:0,width:width,height:height,backgroundImage:backgroundImage,backgroundPosition:offsetPosition}).hide();
$(this).prepend(hover);$(this).hover(function(){
$(this).find('div').stop(true,true).animate(settings.over,settings.overSpeed),
{queue:false, duration:800 };},function(){$(this).find('div').stop(true,true).animate(settings.out,settings.outSpeed),{queue:false, duration:800 };});totalPositionOffset+=settings.orientation=='horizontal'?rempx(width):rempx(height);});});}})(jQuery);

ne znam zašto su ovako zakomplicirali, al dobro.

i još jedan js file:

$(document).ready(function(){
	$('#hnav').autosprites({
		offset: '131px',
		activeState: true,
		activeSprites: true
	});
	$('#vnav').autosprites({
		orientation: 'vertical',
		offset: '262px'
	});
});

ako ne znate ovo riješit, imam gratis dodatno pitanje sa besplatnim setom kodova,
za istu navigaciju al napravljenu uz pomoć drugog tutoriala,
samo toj fali ‘selected’ stanje gumba… :smiley:

hvala i pozdrav

onmouseout=“stop()”

sad šta ta scripta radi?
stavi ju cijelu ovde pa ču ti pomoći bolje.

ups hjhio


Copyright © 2020 WM Forum - AboutContact - Sponsored by: Mydataknox & Webmaster.Ninja