Hola muy buenas compañeros
soy nuevo por aca y quisiera que ustedes me ayudaran en una cosa que no consigo como hacer pues estoy trabajando en una web
y consegui darle un efecto slider para la navegacion entre los contenidos en un tema muy viejo de este mismo foro cuya solucion la dio el usuario "huertas87"
lo que no consigo hacer es que el scrip detecte automaticamente cual es el contenido que debe marcharse
el codigo que tengo es el siguiente:
Codigo Css:
Código PHP:
#contenido
{
margin: 0px;
height: 30px;
position:absolute;
}
#contenido2
{
margin: 0px;
height: 30px;
position:absolute;
display:none;
}
#contenido3
{
margin: 0px;
height: 30px;
position:absolute;
display:none;
}
#contenido4
{
margin: 0px;
height: 30px;
position:absolute;
display:none;
}
Scrip java:
Código PHP:
<script>
$(document).ready(function() {
$("#slideContenido").click(function () {
$("#contenido").hide("drop", { direction: "left" }, 300); //aqui se le especifica el id que se retira hacia la izquierda
$("#contenido2, #contenido3, #contenido4").hide(); // esta linea de codigo la añadi para ocultar todos los demas contenidos y que
// solo se muestre el q se retira si se lograra hacer que el scrip detecte automaticamente el id del contenido
// que se retira esta linea seria innesesaria.
});
$("#slideContenido").click(function () {
$("#contenido").show("drop", { direction: "rigth" }, 1500);
});
$("#slideContenido2").click(function () {
$("#contenido2").hide("drop", { direction: "left" }, 300);
$("#contenido, #contenido3, #contenido4").hide();
});
$("#slideContenido2").click(function () {
$("#contenido2").show("drop", { direction: "rigth" }, 1500);
});
$("#slideContenido3").click(function () {
$("#contenido3").hide("drop", { direction: "left" }, 300);
$("#contenido2, #contenido, #contenido4").hide();
});
$("#slideContenido3").click(function () {
$("#contenido3").show("drop", { direction: "rigth" }, 1500);
});
$("#slideContenido4").click(function () {
$("#contenido4").hide("drop", { direction: "left" }, 300);
$("#contenido2, #contenido3, #contenido").hide();
});
$("#slideContenido4").click(function () {
$("#contenido4").show("drop", { direction: "rigth" }, 1500);
});
});
</script>
codigo html
Código PHP:
<div id="footer">
<ul id="botones">
<li><a id="slideContenido" href="#!" ><b>Inicio</b></a></li></a>
<li><a id="slideContenido2" href="#!" ><b>Noticias</b></a></li></a>
<li><a id="slideContenido3" href="#!"><b>Descargas</b></a></li>
<li><a id="slideContenido4" href="#!"><b>Publicidad</b></a></li>
</ul>
</div>
<div id="contenido">
contenido 1
</div>
<div id="contenido2">
Contenido 2
</div>
<div id="contenido3">
Contenido 3
</div>
<div id="contenido4">
Contenido 4
</div>
no tengo conocimientos en java ese leguaje no lo manejo aun aunque puedo entender mas o menos el codigo gracias a mis conocimientos en C, php y HTML
espero q me entiendan y me puedan ayudar ya tengo dias dandole vueltas a esto y no consigo como hacer
