Hola señores tengo problemas con un menu que estoy creando.
Es de lo mas sencillo y he llegado casi hasta el final.
Les comento el problema que tengo. Es un menu con 4 enlaces, lo que he conseguido hasta el momento es que al pasar por encima el cursor cambie de color y que al seleccionar dicho enlace se marque como que estas en él. Pero no consigo como puedo ir a dicho enlace. Se queda marcado siempre el que pinchas, pero el enlace de la barra de direcciones no cambia siempre se mantiene el mismo.
Aquí os dejo el codigo.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Estados de btn</title>
<script type="text/javascript" src="jquery-1.7.2.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("a.cp_btns").click(function() {
$("a.cp_btns.active").removeClass("active");
$(this).addClass("active");
});
});
</script>
<style type="text/css">
body{
background:#666;
}
#cp_menu{
width:960px;
font:Tahoma;
font:bold;
text-align:center;
margin:auto;
padding-top:auto;
}
#cp_menu a{
border:1px solid #666;
padding-top:3px;
padding-bottom:1px;
padding-left:3px;
padding-right:3px;
text-decoration:none;
}
#cp_menu a:hover{
color:#F90;
}
a.cp_btns{
color:#333;
}
a.cp_btns.active{
color:#F90;
}
</style>
</head>
<body>
<div id="cp_menu">
<a class="cp_btns active" href="index.html" onclick="return false">Home</a>
<a class="cp_btns" href="portafolio.html" onclick="return false">Portafolio</a>
<a class="cp_btns" href="blog.html" onclick="return false">Blog</a>
<a class="cp_btns" href="contact.html" onclick="return false">Contact</a>
</div>
</body>
</html>
Espero que me puedan echar una ayudita.
Muchas gracias adelantadas.
Un saludo.