hola mayid, disculpa q no habia contestado antes, gracias por tu explicacion, he estado investugando un poco y un mucho porque no se casi de jquery, y bueno mira, este es el codigo al que he llegado pero no hace nada entonces no se q pueda estar pasando. Ta agradeceria mucho si me echas la mano para arreglar mi codigo.
Mi clase css:
Código:
.selected{
float:left;
background:url("../images_menu/orilla.gif") no-repeat left top;
background-position:0% -42px;
margin:0;
padding:0 0 0 5px;
text-decoration:none;
}
.selected_span{
display:block;
background:url("../images_menu/cuadro.gif") no-repeat right top;
background-position:100% -42px;
padding:5px 15px 4px 6px;
color:#FFF;
}
y mi index (abreviado):
Código HTML:
<html>
<head>
<link rel="stylesheet" href="../CIByR/css/principal.css" type="text/css" />
<script src="../CIByR/js/jquery.js" type="text/javascript" charset="UTF-8"></script>
<script>
$(document).ready(function() {
$("li").click(function () {
alert ("entro");
$(this).addClass("selected");
$(this).addClass("selected_span");
$("li").removeClass("selected" );
$("li").removeClass("selected_span" );
});
});
</script>
</head>
<body>
<ul>
<li><a href="xxx"><span>Home/span></a></li>
<li><a href="xxx"><span>Formular</span></a></li>
<li><a href="xxx"><span>Resguardos</span></a></li>
<li><a href="xxx" ><span>Activo</span></a></li>
<li><a href="xxx"><span>Valor</span></a></li>
<li><a href="xxx"><span>Control</span></a></li>
</ul>
</body>
</html> Gracias...
edito: se me olvido comentar, el alert del script si entra...