Cria um display animado.

• Download sobre menu display animado.txt
• Enviar nova versão

Esconder código-fonte

<script language="javascript">
if (!document.layers && !document.all){
        event = 'test';
}
function showtip2( current, e, text){
        if (document.all && document.readyState == "complete" ){
                document.all.tooltip2.innerHTML = '<marquee style="border:1px solid black">'+ text +'</marquee>';
                document.all.tooltip2.style.pixelLeft = event.clientX + document.body.scrollLeft + 10;
                document.all.tooltip2.style.pixelTop = event.clientY + document.body.scrollTop + 10;
                document.all.tooltip2.style.display = 'block';
        } else if ( document.getElementById ){
                document.getElementById('nstip').innerHTML = '<b>'+ text +'</b>';
                document.getElementById('nstip').style.marginLeft = '0px';
                document.getElementById('nstip').style.display = 'block';
                currentscroll = setInterval('scrolltip()',100);
                document.getElementById('tooltip2').style.left = e.pageX + 10;
                document.getElementById('tooltip2').style.top = e.pageY + 10;
                document.getElementById('tooltip2').style.display = 'block';
        }
}

function hidetip2(){
        if (document.all){
                document.all.tooltip2.style.display = 'none';
        }else if (document.getElementById){
                clearInterval(currentscroll);
                document.getElementById('tooltip2').style.display = 'none';
                document.getElementById('nstip').style.display = 'none';
        }
}

function scrolltip(){
        if ( parseInt( document.getElementById('nstip').style.marginLeft ) >= -(parseInt( document.getElementById('nstip').style.width )) ){
                document.getElementById('nstip').style.marginLeft = (parseInt( document.getElementById('nstip').style.marginLeft ) - 5) + 'px';
        }else{
                document.getElementById('nstip').style.marginLeft = '152px';
        }
}

</script>

EFEITO NO BACK

2° modelo de barra

Menu sanfona com JQuery apenas utilizando as tags UL e LI

Transparência no CSS

Barras