Barra navigazione jQuery, pulsante "illuminato fisso"

MAX1972

Nuovo Utente
5 Mag 2012
16
0
0
Ciao A tutti, mi sono avvicinato da poco agli Slide e alle funzioni jQuery come anche la barra di navigazione che ho trovato in rete e che ho adattato alle mie esigenze pero' con la particolarita' che non riesco a trovare il modo di far si che una volta che premo il pulsante (ad esempio) 1 questo mi rimane acceso.......per maggior chiarezza metto in allegato il file sorgente come l'ho fatto io per vedere se qualcuno sa come indirizzarmi per fare questa cosa

Metto pure lo script della pagina html che a prima vista senza scaricare lo zip potrebbe dare gia una indicazione sommaria...Grazie:

HTML:
<head>
	<title>Effetto blend</title>
	<style type='text/css'>
        *{padding:0; border:0; margin:0;}
        body{font-family:arial; padding:20px;}
        h2{font-size:16px; margin-bottom:10px; color:#555;}
        .demo{
	overflow:auto;
	float: left;
}
        
	.demo a{
		display:block;
		text-indent:-9999px;
		width:90px;
		height:46px;
		margin-right:7px;
		float:left;
		background-image:url(nav-sprite.png);
		background-repeat:no-repeat;
		cursor:pointer;
	}
        
	#A{background-position:0 0;}
	#A:hover,#A.hover{background-position:0 -48px;}
        
	#B{background-position:-90px 0;}
	#B:hover,#B.hover{background-position:-90px -48px;}
        
	#C{background-position:-180px 0;}
	#C:hover,#C.hover{background-position:-180px -48px;}
        
	#D{background-position:-270px 0;}
	#D:hover,#D.hover{background-position:-270px -48px;}
        
	#E{background-position:-360px 0;}
	#E:hover,#E.hover{background-position:-360px -48px;}
        
	#F{background-position:-450px 0;}
	#F:hover,#F.hover{background-position:-450px -48px;}

    </style>

<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.1.min.js"></script>
    <script type="text/javascript" src="jquery.blend.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){
            
            $("#demo2 a").blend(); 
        });
    </script>
	</head>
<body>
<div class="demo" id="demo2">
        <a href="#" id="A">1</a>
        <a href="#" id="B">2</a>
        <a href="#" id="C">3</a>
        <a href="#" id="D">4</a>
        <a href="#" id="E">5</a>
        <a href="#" id="F">6</a>
    </div>
<br /><br /><br /><br /><br /><br />
	<br />
</body>
</html>
 

Allegati

  • prova_nav.zip
    7,2 KB · Visite: 141
Discussioni simili
Autore Titolo Forum Risposte Data
M Barra di navigazione con google HTML e CSS 1
I Url rewrite con .htaccess funziona ma poi mostra indirizzo "reale" nella barra di navigazione Apache 1
F Fissare la barra di navigazione a fondo pagina HTML e CSS 5
J Problema con link nella barra di navigazione HTML e CSS 1
J Icone non allineate correttamente nella barra di navigazione HTML e CSS 2
A barra navigazione recordset PHP 1
S Barra di Navigazione Dinamica PHP 14
G barra di navigazione: come è stata fatta? [era: come è stato fatto?] Webdesign e Grafica 2
I Barra navigazione/menù HTML e CSS 24
I barra navigazione/menù HTML e CSS 0
E Problema di collegamento della pagina alla barra di navigazione Webdesign e Grafica 3
S Div che segue la barra di navigazione,come?? Javascript 2
T barra di navigazione in asp Classic ASP 3
W rollover css per barra di navigazione basata su immagini HTML e CSS 7
M La barra di navigazione di un sito web HTML e CSS 1
E Barra di avanzamento codice PHP PHP 4
R Visualizzazione barra superiore Google Search Console 0
R Barra del menù principale decentrata Joomla 4
E [HTML] non apre link a file locale ma se lo imposto su barra indirizzi lo apre HTML e CSS 3
V Semplice barra di ricerca con filtro categorie prodotti E-Commerce 0
Store creazione barra search sito web Presentati al Forum 3
Axis18 Creare una barra di avanzamento con $.ajax Ajax 7
A [Javascript] modificare il contenuto della barra indirizzi di un browser Javascript 1
ecosito [WordPress] Barra sconosciuta sull'homepage WordPress 1
F Rete Wireless… moduli da barra din??? Reti LAN e Wireless 0
T [HTML] Inserire barra di ricerca che ricerca solo le pagine del proprio sito HTML e CSS 6
P Barra upload file jQuery 1
ecosito [Wordpress] La barra del menù mi nasconde la parte alta delle pagine WordPress 0
Monital [Javascript]Barra di aggiornamento in pop pup Javascript 1
Monital [PHP] Eliminare la Barra di caricamento file alla fine dell'esecuzione PHP 11
felino [Windows 10] Barra di stato bloccata: tasto start e menu start Windows e Software 4
filomeni Barra per cookie law (jquery+php) Snippet Javascript 4
A come eliminare i suggerimenti della barra degli indirizzi su google chrome? Windows e Software 3
S errore barra menu su tema joomla Joomla 0
P Barra avnzamento per upload... Javascript 1
R Barra ricerca php e mysql PHP 0
L CSS, cambiare i colori della barra e ingrandire una immagine WordPress 1
asevenx problema barra menu e compatibilità browser WordPress 6
G Riprodurre barra laterale like-Facebook Javascript 2
M Selezionare quantità spostando una "barra" Javascript 5
P cambiare url visibile sulla barra indirizzi Hosting 1
S Nascondere nome pagina web dalla barra degli indirizzi HTML e CSS 2
D Barra menu animata Flash 3
B creare barra orizzontale per sito HTML e CSS 2
K barra di preload durante caricamento video Flash 2
O Filemaker 10 Advanced - barra degli strumenti Database 0
R Impedire l'accesso a una pagina dalla barra degli indirizzi PHP 27
C barra che si apre sopra la pagina HTML e CSS 1
A Testo scorrevole sulla barra HTML e CSS 4
W staccare il testo dalla barra menù HTML e CSS 12

Discussioni simili