logoExtra: script.opacidad

Descripción: Inicialización para el apunte "Transiciones: Introducción" (transicíon de fundido).


A continuación mostramos los apuntes asociados a este extra:

Transiciones: Introducción
Las transiciones que más vemos suelen hacerse con un par de fotos (o cualquier tipo de imagen), pero nosotros plantearemos las transiciones entre capas (elementos div) de una página web.
// Descripción para sindicación:
/*
    [rss]Inicialización para el apunte "Transiciones: Introducción" (transicíon de fundido).[/rss]
*/
function aclarando()    {
    tag("aclarar").disabled = true;
    tag("oscurecer").disabled = false;
    for (i = 100; i >= 0; i -= 4)
        setTimeout("tag('capa2').style.opacity = " + (i / 100), 1000 - ((i / 100) * 1000));
    setTimeout("tag('aclarar').style.display = 'none'", 1000);
    setTimeout("tag('oscurecer').style.display = 'inline'", 1000);
}

function oscureciendo()    {
    tag("aclarar").disabled = false;
    tag("oscurecer").disabled = true;
x = [];
    for (i = 0; i <= 100; i += 4)
        setTimeout("tag('capa2').style.opacity = " + (i / 100), ((i / 100) * 1000));
    setTimeout("tag('aclarar').style.display = 'inline'", 1000);
    setTimeout("tag('oscurecer').style.display = 'none'", 1000);
}
if (window.onload != "")
    resguardamos_opacidad = window.onload;
window.onload = function() {
    poner_evento(tag("aclarar"), "click", aclarando)
    poner_evento(tag("oscurecer"), "click", oscureciendo)
    if (resguardamos_opacidad != undefined) resguardamos_opacidad();
}

Este código ha sido leído en 69 ocasiones.

Zona de comentarios

Esta extra aún no tiene comentarios.

Evaluación

Valoración de esta página: (extra.script.opacidad) valor

Valoración evaluar evaluar evaluar evaluar evaluar evaluar evaluar evaluar evaluar evaluar

Respuesta: Zona de mensajes (proceso de evaluación)

Listados: imágenes, categorías, etiquetas, extras | Anuarios: 2010, 2011, 2012, 2013, 2014, 2015, 2016, 2017, 2018 | Otros enlaces: buscador