Ciao a tutti.
Ho trovato uno script in jquery per creare un menu con un puntatore mobile.
Il problema che ha questo script ve lo faccio presente con un esempio:
sono con il cursore del mouse sul primo elemento della lista e giustamente il puntatore si trova nel primo elemento della lista. Ora mi sposto con il cursore del mouse sul quinto elemento lista ma il puntatore non si muove diretto verso l'elemento su cui ho il mouse ma fa una pausa sul secondo, terzo e quarto elemento lista prima di arrivare al quinto.
Vorrei che il puntatore andasse subito all'elemento lista selezionato invece che passarsi tutti gli elementi che incontra.
Il menu è una lista di questo tipo
e lo scrpit che uso è questo
Spero qualcuno possa aiutarmi.
Essendo alle prime armi con questo linguaggio non sono ferratissimo.
Grazie
Ho trovato uno script in jquery per creare un menu con un puntatore mobile.
Il problema che ha questo script ve lo faccio presente con un esempio:
sono con il cursore del mouse sul primo elemento della lista e giustamente il puntatore si trova nel primo elemento della lista. Ora mi sposto con il cursore del mouse sul quinto elemento lista ma il puntatore non si muove diretto verso l'elemento su cui ho il mouse ma fa una pausa sul secondo, terzo e quarto elemento lista prima di arrivare al quinto.
Vorrei che il puntatore andasse subito all'elemento lista selezionato invece che passarsi tutti gli elementi che incontra.
Il menu è una lista di questo tipo
Codice:
<div id="navigation">
<ul class="lista_menu">
<div id="ingresso"></div>
<li id="who-we-are" class="current"></li>
<li id="graphic-design"></li>
<li id="illustartion"></li>
<li id="dress-art"></li>
<li id="wedding"></li>
<li id="shop"></li>
<li id="store-showcase"></li>
<div id="coda"></div>
</ul>
<div id="lava">
<div id="lava-cursor"></div>
</div>
</div>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script type="text/javascript" src="barra_menu/jquery.lava.js"></script>
<script type="text/javascript">
$(function() {
$('#navigation').lava();
});
</script>
e lo scrpit che uso è questo
Codice:
(function($) {
$.fn.lava = function(options) {
var that = this;
var settings = {
container: '.lista_menu',
cursor: '#lava-cursor',
current: '.current',
speed: 800
};
options = $.extend(settings, options);
return that.each(function() {
$(options.cursor).css('left', $(options.container).find(options.current).position().left).fadeIn(options.speed);
$('li', $(options.container)).each(function() {
var $li = $(this);
$li.mouseover(function() {
$(options.cursor).animate({
left: $li.position().left
}, options.speed);
});
});
});
};
})(jQuery);
Spero qualcuno possa aiutarmi.
Essendo alle prime armi con questo linguaggio non sono ferratissimo.
Grazie
Ultima modifica: