Tengo problemas para hacer un menú en Jquery. Quiero saber como puedo hacer para que cuando visiten mi pagina y hagan click en uno de los cuatro enlaces del navegador (menu), sepan en cual están.
Como puedo hacer esto.
Les paso el código para que vean lo que tengo hasta el momento.
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Estados de btn</title>
<script type="text/javascript" src="../js/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;/*Separacion entre los icono*/
padding-right:3px;/*Separacion entre los icono*/
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="active">Home</a>
<a class="cp_btns" href="portafolio.html" onclick="">Portafolio</a>
<a class="cp_btns" href="blog.html" onclick="">Blog</a>
<a class="cp_btns" href="contact.html" onclick="">Contact</a>
</div>
</body>
</html>
Un saludo y gracias.
