tengo el siguiente script en jquery
Código Javascript
:
Ver original<script>
$(function(){
var ventana = $(window);
var doc = $(document);
var enlacesebusca_1 = $("#sebusca1");
$("#enlacesebusca1").on("click", mostrarLogin);
ventana.on("resize", ajustarPosicionesLogin);
ventana.on("scroll", ajustarPosicionesLogin);
function ajustarPosicionesLogin(e){
enlacesebusca_1.css({
top: (((ventana.height() - enlacesebusca_1.height()) / 2) + ventana.scrollTop()) + "px",
left: ((ventana.width() - enlacesebusca_1.width()) / 2) + "px"
});
$("#capamodal").css({
width: "100%",
height: "100%"
});
}
function mostrarLogin(e)
{
e.preventDefault();
enlacesebusca_1.css({
top: (((ventana.height() - enlacesebusca_1.height()) / 2) + ventana.scrollTop()) + "px",
left: ((ventana.width() - enlacesebusca_1.width()) / 2) + "px",
"z-index": 1000
});
enlacesebusca_1.fadeIn(2000);
var capamodal = $("<div>").attr("id", "capamodal");
capamodal.css({
opacity: 0.80,
"z-index": 900,
width: doc.width(),
height: doc.height(),
backgroundColor: "#3fc",
position: "fixed",
top: "0px",
left: "0px",
display: "none",
overflow: "hidden",
})
.appendTo("body")
.fadeIn(2000)
.on("click", function()
{
enlacesebusca_1.fadeOut(2000);
capamodal.fadeOut(2000, function()
{
capamodal.remove();
});
});
}
});
</script>
Código HTML:
Ver original<a href="#" id="enlacesebusca1" class="letraenlace">Letra
</a>
como lo puedo modificar para hacer lo mismo con otras 11 canciones más ahorrando y reutilizando codigo??
gracias