[Investigando]Menu con aumento en sobrevolado
2 participantes
Página 1 de 1.
[Investigando]Menu con aumento en sobrevolado
Atención!! esté código NO funciona, se esta trabajando para pronto traerloa usted, pue ayudar mejorandolo.
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.
Vista previa:
Codigo:
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.
Vista previa:
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>
Re: [Investigando]Menu con aumento en sobrevolado
Neko.
Has probado sacandole los comentarios y pegandolo, por ejemplo, en mensaje del indice?
Creo que allí funcionaría bien..
Has probado sacandole los comentarios y pegandolo, por ejemplo, en mensaje del indice?
Creo que allí funcionaría bien..
Re: [Investigando]Menu con aumento en sobrevolado
si, pero no slos quitare hasta que logre el efecto que busco, ya para poder compartirlo con todos. ^^
Página 1 de 1.
Permisos de este foro:
No puedes responder a temas en este foro.