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:
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>
