Staff en línea

[html] Mensaje al pasar el mouse
Tema iniciado por y Añadir a favoritos

[html] Mensaje al pasar el mouse 
el Dom Ago 16, 2015 11:41 am
staff

[codebox]Al pasar el cursor por uno de los números, sale un mensaje ver demo Aqui. Creador: Tito.[/codebox]

[hidecode]
Código:
<HEAD>
<style>

#ejemplo0 {
text-align: center;
display: block;
background-color: #28657D;
width: 400px;
height: 30px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

#ejemplo1 {
text-align:center;
display:none;
width:400px;
line-height: 30px;
color: white;
font-family: arial;
text-shadow: black 1px 1px 1px;
}
#ejemplo2 {
text-align:center;
display:none;
width:400px;
line-height: 30px;
color: white;
font-family: arial;
text-shadow: black 1px 1px 1px;
}
#ejemplo3 {
text-align:center;
display:none;
width:400px;
line-height: 30px;
color: white;
font-family: arial;
text-shadow: black 1px 1px 1px;
}
#ejemplo4 {
text-align:center;
display:none;
width:400px;
line-height: 30px;
color: white;
font-family: arial;
text-shadow: black 1px 1px 1px;
}

#fondo{background-image:url(http://i41.servimg.com/u/f41/16/71/63/22/fondo14.png);
background-repeat:no-repeat;
width: 465px;
height: 100px;
}
</style>
<SCRIPT LANGUAGE="JavaScript">
function ver_ejemplo(user,ValueShow) {
var mousex = window.event.x;
var mousey = window.event.y;
user.style.display = ValueShow;
user.style.left = mousex + 5;
user.style.top = mousey;
}
</script>
</HEAD>
<BODY>
<br>
<center>


<div id="fondo">
<a onmouseover="ver_ejemplo(ejemplo1,'block')" onmouseout="ver_ejemplo(ejemplo1,'none')">
<img src="http://i41.servimg.com/u/f41/16/71/63/22/111.png">
</a>

<a onmouseover="ver_ejemplo(ejemplo2,'block')" onmouseout="ver_ejemplo(ejemplo2,'none')">
<img src="http://i41.servimg.com/u/f41/16/71/63/22/211.png">
</a>

<a onmouseover="ver_ejemplo(ejemplo3,'block')" onmouseout="ver_ejemplo(ejemplo3,'none')">
<img src="http://i41.servimg.com/u/f41/16/71/63/22/311.png">
</a>

<a onmouseover="ver_ejemplo(ejemplo4,'block')" onmouseout="ver_ejemplo(ejemplo4,'none')">
<img src="http://i41.servimg.com/u/f41/16/71/63/22/410.png">
</a><div id="ejemplo0">

<div id="ejemplo1">
<font> Primer ejemplo
</font>
</div>
<div id="ejemplo2">
<font> Segundo ejemplo
</font>
</div><div id="ejemplo3">
<font> Tercer ejemplo
</font>
</div><div id="ejemplo4">
<font> Cuarto ejemplo
</font>
</div>

</div></div>

</center>
[/hidecode]
Dosh
avatar

¿Que estoy pensando? :

Vuelve el hijo prodigo... [table class=fecha_up][td]Se modifico:1/010/18 - 15:59 hrs. [/td][/table]


Banner en temas :

https://i.imgur.com/JdnysKr.png


Color de titulos :

#fff


Sombra titulo :

1px 1px 1px #fff


Mensajes :

1585


Puntos :

2328


Me gusta :

453


ingreso :

07/12/2014


Sexo :

Masculino

Plataforma :

punbb


Navegador :

Chrome


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

Volver arriba Ir abajo

Re: [html] Mensaje al pasar el mouse 
el Dom Ago 23, 2015 1:17 pm
staff
Muy bueno Dosh! -muak-
RinC
avatar

¿Que estoy pensando? :

Ni se te ocurra -_- [table class=fecha_up][td]Se modifico:29/03/18 - 17:44 hrs. [/td][/table]


Banner en temas :

♥♥Open♥♥


Color de titulos :

#DF7401


Sombra titulo :

1px 1px 1px #fff


Mensajes :

789


Puntos :

1147


Me gusta :

198


ingreso :

28/01/2015


Sexo :

Femenino

Plataforma :

PhpBB3


Navegador :

Chrome


Ver perfil de usuario

Volver arriba Ir abajo

 En la misma categoria


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