Búsqueda en el Foro:
Buscar


Autor Mensaje
Mensaje05-05-2009, 16:47 (UTC)    
Título del mensaje: [Código Javascript] La sombra se mueve

Fuente: Mundo JavaScript

LA SOMBRA SE MUEVE
La sombra que produce el texto escrito se mueve hacia todas las posiciones. Efecto muy llamativo para tu web.

Lo edite para que lo entiendan mejor :

Este codigo lo pegaran en las etiquetas <HEAD> Y </HEAD>

Código:

<!-- Consigue este JavaScript y otros muchos en MundoJavaScript.com -->
<!-- DEBUT DU SCRIPT -->
<SCRIPT LANGUAGE="JavaScript">

function ShadowWave()
   {
   if(document.getElementById && window.print)
      {
      var dir=Math.random();
      if (dir<.1) {dir=90}
      if (dir<.37) {dir=45}
      if (dir<.64) {dir=315}
      if (dir<.74) {dir=270}
      if (dir<2) {dir=0}
      document.getElementById("ejs_brouille").style.filter="shadow(color=#ffe4d2,direction="+dir+",enabled=1)";
      }
   }
</SCRIPT>
<!-- FIN DU SCRIPT -->


Con las etiquetas quedaria algo haci:

Código:

<HEAD>
<!-- Consigue este JavaScript y otros muchos en MundoJavaScript.com -->
<!-- DEBUT DU SCRIPT -->
<SCRIPT LANGUAGE="JavaScript">

function ShadowWave()
   {
   if(document.getElementById && window.print)
      {
      var dir=Math.random();
      if (dir<.1) {dir=90}
      if (dir<.37) {dir=45}
      if (dir<.64) {dir=315}
      if (dir<.74) {dir=270}
      if (dir<2) {dir=0}
      document.getElementById("ejs_brouille").style.filter="shadow(color=#ffe4d2,direction="+dir+",enabled=1)";
      }
   }
</SCRIPT>
<!-- FIN DU SCRIPT -->
</HEAD>


Luego pegaran este codigo donde quieran que aparezca el texto con las etiquetas <BODY> Y >/BODY>:



Código:

<!-- Consigue este JavaScript y otros muchos en MundoJavaScript.com -->
<DIV ID="ejs_brouille" STYLE="HEIGHT:2">MUNDO JAVASCRIPT<BR>Observas en este ejemplo como se mueve.</DIV>
<SCRIPT LANGUAGE=JavaScript>
setInterval("ShadowWave()",50);
</SCRIPT>


Con las etiquetas quedaria algo haci:

Código:


<BODY>
<!-- Consigue este JavaScript y otros muchos en MundoJavaScript.com -->
<DIV ID="ejs_brouille" STYLE="HEIGHT:2">Texto que editaras<BR>Texto que editaras.</DIV>
<SCRIPT LANGUAGE=JavaScript>
setInterval("ShadowWave()",50);
</SCRIPT>
</BODY>


Espero que le haigan entendido

Fuente: Mundo JavaScript y Editado por : Solamente-sencillo

Salu2


Ultima edición por solamente-sencillo el Sab Sep 05, 2009 4:29 pm; editado 1 vez
Mensaje05-05-2009, 17:51 (UTC)    
Título del mensaje:

Debes explicar mas el Codigo, es decir, debe ser bien claro para los usuarios Nuevos, para vosotros es facil porque tenemos experiencia.

El Head y Body son Texto por encima y por debajo de la Pagina. No es necesario colocar estas etiquetas.

Me gustaria una vista previa del codigo en acción.
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group