[Investigando]Menu con aumento en sobrevolado

Ir abajo

Rechazado [Investigando]Menu con aumento en sobrevolado

Mensaje por Neko el Dom Jun 29, 2008 10:49 am

critical Atención!! esté código NO funciona, se esta trabajando para pronto traerloa usted, pue ayudar mejorandolo.


question Anotaciones del código:

EL código funciona bien en visores de html, no obstante no sirve para el uso en foroactivo, ni en algunas paginas html.

tux Vista previa:



Big Star Codigo:

Spoiler:

Código:

<div        id="dock">

                           
      <a     
 href="http://cukisystem.activoforo.com/publicidad-f19/"     
 target="_blank"><img
src="http://www.iconlook.com/icondb/oxygen/128x128/actions/flag_yellow.png"
lang="Descripcion"></a>
 
                                  <a     
 href="http://cukisystem.activoforo.com/recursos-f17/"     
 target="_blank"><img
src="http://www.iconlook.com/icondb/oxygen/128x128/apps/utilities_file_archiver.png"
lang="Descripcion"></a>
 
                                  <a     
 href="http://cukisystem.activoforo.com/cukiarts-f30/"     
 target="_blank"><img
src="http://www.iconlook.com/icondb/oxygen/128x128/apps/preferences_desktop_color.png"
lang="Descripcion"></a>
 
                                  <a     
 href="http://cukisystem.activoforo.com/clasificados-f16/"     
 target="_blank"><img
src="http://www.iconlook.com/icondb/unknown_icons/128x128/knewsticker.png"
lang="Descripcion"></a>
 
                                  <a     
 href="http://cukisystem.activoforo.com/juegos-para-tu-web-f29/"     
 target="_blank"><img
src="http://www.iconlook.com/icondb/unknown_icons/128x128/package_games_arcade.png"
lang="Descripcion"></a>
 
                                  <a     
 href="http://cukisystem.activoforo.com/tutoriales-f11/"     
 target="_blank"><img
src="http://www.iconlook.com/icondb/oxygen/128x128/actions/tools_wizard.png"
lang="Descripcion"></a>
                       
</div>

<style        type="text/css">
                                    html        {
                                                                        overflow:        hidden;
                                    }
                                    body        {
                                                                        background:        #FF0000
                                                                        width:        98%;
                                                                        height:        100%;
                                    }
                                    #dock        {
                                                                        position:        absolute;
                                                                        bottom:        1em;
                                                                        width:        100%;
                                                                        text-align:        center;
                                                                        left:        0px;
                                    }
                                    #dock        a:visited{
                                                                        text-decoration:        none;
                                    }
                                    #dock        a{
                                                                        text-decoration:        none;
                                                                        margin:        -2px;
                                    }
                                    #dock        img        {
                                                                        border:        none;
                                                                        width:        0px;
                                    }
                                    #legend        {
                                                                        position:        absolute;
                                                                        bottom:        0px;
                                                                        width:        100%;
                                                                        text-align:        center;
                                                                        font-family:        arial;
                                                                        font-weight:        bold;
                                                                        font-size:        1em;
                                                                        color:        #FFF;
                                    }
</style>

<script        type="text/javascript"><!--
//        ================================================================
//
                                                                     
                                                                     
                        ------        dock        menu     
 -------
//        script        by        Gerard     
 Ferrandez        -        Ge-1-doot        -        February   
    2006
//        http://www.dhteumeuleu.com
//        ================================================================

var        xm        =        xmb        =        ov        =        0;
var        M        =        true;

function        dock(dock,        sMin,        sMax)
{
                                    this.icons        =        document.getElementById(dock).getElementsByTagName('img');
                                    this.N        =        this.icons.length;
                                    this.s        =        sMin;
                                    this.ovk        =        0;
                                    this.pxLeft        =        function(o)
                                    {
 
                                                                   
 for(var        x=-document.documentElement.scrollLeft;        o   
    !=        null;        o        =        o.offsetParent)     
 x+=o.offsetLeft;
                                                                        return        x;
                                    }
                                    for(var        i=0;i<this.N;i++)
                                    {
                                                                        with(this.icons[i])
                                                                        {
 
                                                                     
                                  style.width        =     
 sMin+"px";
                                                     
                                                    style.height     
 =        sMin+"px";
                                             
                                                            className
      =        "dockicon";
                                                                        }
                                    }
                                    this.run        =        function()
                                    {
                                                                        with(this)
                                                                        {
 
                                                                     
                                  for(var        i=0;i<N;i++)
                                                                                                            {
 
                                                                     
                                                                   
 var        o        =        icons[i];
                       
                                                                     
                                              var        W        =
      parseInt(o.style.width);
                                 
                                                                     
                                    if(ov        &&     
 ov.className=="dockicon")
                                       
                                                                     
                              {
                                 
                                                                     
                                                                     
 if(ov!=ovk)
                                                     
                                                                     
                                                    {
           
                                                                     
                                                                     
                                                          ovk=ov;
 
                                                                     
                                                                     
                                                                   
 document.getElementById("legend").innerHTML        =        ov.lang;
 
                                                                     
                                                                     
                                  }
                             
                                                                     
                                                                     
    if(M)        W        =     
 Math.max((s*Math.cos(((pxLeft(o)+W/2)-xm)/sMax)),sMin);
         
                                                                     
                                                                     
                        s        =        Math.min(sMax,s+1);
 
                                                                     
                                                                      }
 
                                                                     
                                                                   
 else
                                                           
                                                                     
          {
                                                     
                                                                     
                                                    s        =     
 Math.max(s-1,sMin);
                                             
                                                                     
                                                            W     
 =        Math.max(W-N,sMin);
                                   
                                                                     
                                  }
                             
                                                                     
                                        o.style.width        =     
 W+"px";
                                                         
                                                                     
            o.style.height        =        W+"px";
                                                                                                            }
 
                                                                     
                                  if(s        >=        sMax)   
    M        =        false;
                                                                        }
                                    }
}
document.onmousemove        =        function(e)
{
                                    if(window.event)        e=window.event;
                                    xm        =        (e.x        ||        e.clientX);
                                    if(xm!=xmb){
                                                                        M        =        true;
                                                                        xmb        =        xm;
                                    }
                                    ov        =        (e.target)?e.target:((e.srcElement)?e.srcElement:null);
}
window.onload        =        function()
{
                                    dock        =        new        dock("dock",        48,        128);
                                    setInterval("dock.run()",        16);
}
//-->
</script>
avatar
Neko
CukiAdmin
CukiAdmin

Masculino Cantidad de envíos : 344
<br><b>Nacionalidad</b> :
Fecha de inscripción : 29/05/2008

Ver perfil de usuario http://cukisystem.activoforo.com/

Volver arriba Ir abajo

Rechazado Re: [Investigando]Menu con aumento en sobrevolado

Mensaje por Alex! el Lun Jun 30, 2008 10:07 am

Neko.

Has probado sacandole los comentarios y pegandolo, por ejemplo, en mensaje del indice?

Creo que allí funcionaría bien..
avatar
Alex!
CukiMod
CukiMod

Masculino Cantidad de envíos : 123
Edad : 29
<br><b>Nacionalidad</b> :
Fecha de inscripción : 21/06/2008

Ver perfil de usuario http://www.universoparanormal.com

Volver arriba Ir abajo

Rechazado Re: [Investigando]Menu con aumento en sobrevolado

Mensaje por Neko el Lun Jun 30, 2008 10:32 am

si, pero no slos quitare hasta que logre el efecto que busco, ya para poder compartirlo con todos. ^^
avatar
Neko
CukiAdmin
CukiAdmin

Masculino Cantidad de envíos : 344
<br><b>Nacionalidad</b> :
Fecha de inscripción : 29/05/2008

Ver perfil de usuario http://cukisystem.activoforo.com/

Volver arriba Ir abajo

Rechazado Re: [Investigando]Menu con aumento en sobrevolado

Mensaje por Contenido patrocinado


Contenido patrocinado


Volver arriba Ir abajo

Volver arriba

- Temas similares

 
Permisos de este foro:
No puedes responder a temas en este foro.