URBE

Regístrate y accede a todo el contenido de Urbe.biz, sin verificacion de mail Click aquí


Unirse al foro, es rápido y fácil

URBE

Regístrate y accede a todo el contenido de Urbe.biz, sin verificacion de mail Click aquí

URBE

¿Quieres reaccionar a este mensaje? Regístrate en el foro con unos pocos clics o inicia sesión para continuar.

Mi sitio tu sitio


3 participantes

    Scroll translucido

    MISSARG
    MISSARG


    Scroll translucido Th_arg10
    Femenino

    Scroll translucido Empty Scroll translucido

    Mensaje por MISSARG Sáb Mar 07, 2009 3:35 pm

    Scroll translucido

    puede servir para colocar noticias, ya que tiene un fondo de color, y las letras van pasando, dando un efecto de animacion, tambien puedes colocar un enlace hacia tu web.

    Ver ejemplo:
    http://www.urbe.biz/Scroll-translucido-h109.htm

    opinnnnnnaaaaa

    Código:
    <script language="Javascript1.2">
    var scroller_width=200
    var scroller_height=100
    var bgcolor='#E0EFD1'
    var pause=3000 //SET PAUSE BETWEEN SLIDE (3000=3 seconds)

    var scrollercontent=new Array()
    //Define scroller contents. Extend or contract array as needed
    scrollercontent[0]='Esto te puede servir para plasmar tus noticias , o tus novedades  yo que se lo que se te pueda ocurrir.'
    scrollercontent[1]='Que no te a quedado claro , no me lo hagas repetir .'
    scrollercontent[2]='Visita mi pagina <a href="http://http://urbe.superforo.net">URBE</a><br>con un click aqui <a href="http://urbe.superforo.net"> Te esperamos</a>'

    ////NO need to edit beyond here/////////////

    var ie4=document.all&&navigator.userAgent.indexOf("Opera")==-1
    var dom=document.getElementById&&navigator.userAgent.indexOf("Opera")==-1

    if (ie4||dom)
    document.write('<div style="position:relative;width:'+scroller_width+';height:'+scroller_height+';overflow:hidden"><div id="canvas0" style="position:absolute;background-color:'+bgcolor+';width:'+scroller_width+';height:'+scroller_height+';top:'+scroller_height+';filter:alpha(opacity=20);-moz-opacity:0.2;"></div><div id="canvas1" style="position:absolute;background-color:'+bgcolor+';width:'+scroller_width+';height:'+scroller_height+';top:'+scroller_height+';filter:alpha(opacity=20);-moz-opacity:0.2;"></div></div>')
    else if (document.layers){
    document.write('<ilayer id=tickernsmain visibility=hide width='+scroller_width+' height='+scroller_height+' bgColor='+bgcolor+'><layer id=tickernssub width='+scroller_width+' height='+scroller_height+' left=0 top=0>'+scrollercontent[0]+'</layer></ilayer>')
    }

    var curpos=scroller_height*(1)
    var degree=10
    var curcanvas="canvas0"
    var curindex=0
    var nextindex=1

    function moveslide(){
    if (curpos>0){
    curpos=Math.max(curpos-degree,0)
    tempobj.style.top=curpos
    }
    else{
    clearInterval(dropslide)
    if (crossobj.filters)
    crossobj.filters.alpha.opacity=100
    else if (crossobj.style.MozOpacity)
    crossobj.style.MozOpacity=1
    nextcanvas=(curcanvas=="canvas0")? "canvas0" : "canvas1"
    tempobj=ie4? eval("document.all."+nextcanvas) : document.getElementById(nextcanvas)
    tempobj.innerHTML=scrollercontent[curindex]
    nextindex=(nextindex<scrollercontent.length-1)? nextindex+1 : 0
    setTimeout("rotateslide()",pause)
    }
    }

    function rotateslide(){
    if (ie4||dom){
    resetit(curcanvas)
    crossobj=tempobj=ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas)
    crossobj.style.zIndex++
    if (crossobj.filters)
    document.all.canvas0.filters.alpha.opacity=document.all.canvas1.filters.alpha.opacity=20
    else if (crossobj.style.MozOpacity)
    document.getElementById("canvas0").style.MozOpacity=document.getElementById("canvas1").style.MozOpacity=0.2
    var temp='setInterval("moveslide()",50)'
    dropslide=eval(temp)
    curcanvas=(curcanvas=="canvas0")? "canvas1" : "canvas0"
    }
    else if (document.layers){
    crossobj.document.write(scrollercontent[curindex])
    crossobj.document.close()
    }
    curindex=(curindex<scrollercontent.length-1)? curindex+1 : 0
    }

    function resetit(what){
    curpos=scroller_height*(1)
    var crossobj=ie4? eval("document.all."+what) : document.getElementById(what)
    crossobj.style.top=curpos
    }

    function startit(){
    crossobj=ie4? eval("document.all."+curcanvas) : dom? document.getElementById(curcanvas) : document.tickernsmain.document.tickernssub
    if (ie4||dom){
    crossobj.innerHTML=scrollercontent[curindex]
    rotateslide()
    }
    else{
    document.tickernsmain.visibility='show'
    curindex++
    setInterval("rotateslide()",pause)
    }
    }

    if (ie4||dom||document.layers)
    window.onload=startit

    </script>
    </p>
    </center>
    Mio Haruno
    Mio Haruno


    Scroll translucido Th_arg10
    Femenino Lugar : Mi casa

    Scroll translucido Empty Re: Scroll translucido

    Mensaje por Mio Haruno Dom Sep 25, 2011 5:15 pm

    Buen Post! Muchísimas gracias veré como lo utilizo. (graciass)
    Cariñito
    Cariñito
    Super Moderador
    Super Moderador


    Scroll translucido Nicara10
    Femenino Lugar : Leon

    Scroll translucido Empty Re: Scroll translucido

    Mensaje por Cariñito Mar Nov 29, 2011 9:18 pm

    gracias por este gran aporte sin duda eres la mejor

    Contenido patrocinado


    Scroll translucido Empty Re: Scroll translucido

    Mensaje por Contenido patrocinado


      Fecha y hora actual: Jue Nov 21, 2024 3:26 pm