SprintDevelop.com - Diseño y desarrollo web - Diseño, desarrollo web,Aplicaciones Móviles, TabletasSprintDevelop.com - Diseño y desarrollo web
Mostrando Codigo - Javascript
Code

Javascript - Aviso variable en pagina

Códigos Javascript

Este codigo utiliza css, layers, y javascript. Muestra un tipo de anuncio que va modificando.
Visitas: 15,307 - 23/09/2003 20.48.33
DemoNO CONTIENE ARCHIVO DESCARGABLEComentario
EXPLICACION
Podemos modificar, colores, enlaces ...
CODIGO
Este codigo aun no ha sido probado por Tutores.org en ChromeEste codigo aun no ha sido probado por Tutores.org en FirefoxCodigo probado en Internet Explorer 7+Este codigo aun no ha sido probado por Tutores.org en OperaEste codigo aun no ha sido probado por Tutores.org en Safari


# Codigo ofrecido por Tutores.org

  1. <html>
  2.  
  3. <head>
  4.  
  5. <style>
  6.  
  7. <!--
  8.  
  9. #mensagem{
  10.  
  11. position:relative;
  12.  
  13. layer-background-color:red;
  14.  
  15. width:400;
  16.  
  17. height:12;
  18.  
  19. }
  20.  
  21. #submensagem{
  22.  
  23. background-color:red;
  24.  
  25. position:absolute;
  26.  
  27. border: 1px solid black;
  28.  
  29. width:400;
  30.  
  31. height:12;
  32.  
  33. }
  34.  
  35. .submensagemfont{
  36.  
  37. font:bold 12px Verdana;
  38.  
  39. text-decoration:none;
  40.  
  41. color:white;
  42.  
  43. }
  44.  
  45. .submensagemfont a{
  46.  
  47. top:0;
  48.  
  49. color:white;
  50.  
  51. text-decoration:none;
  52.  
  53. }
  54.  
  55. -->
  56.  
  57. </style>
  58.  
  59. <title>Aviso</title>
  60.  
  61. </head>
  62.  
  63. <body onload="if (document.all||document.layers) {regenerate2();update()}">
  64.  
  65. <div id="mensagem">
  66.  
  67. <div id="submensagem" class="submensagemfont">Iniciando aviso ...</div>
  68.  
  69. </div>
  70.  
  71. <script language="JavaScript1.2">
  72.  
  73. var speed=4500 // velocidad de los mensajes en milisegundos
  74.  
  75. var textos=new Array()
  76. // modificar con textos y enlaces
  77. textos[0]="<center><a href='http://www.altavista.com'>Visitar Altavista.</a></center>"
  78.  
  79. textos[1]="<center><a href='http://www. Google.com'>Vistamos entonces Google</a></center>"
  80.  
  81. textos[2]="<center><a href='http://www.tutores.org'>Ni uno ni otro, Entonces Tutores.org</a></center>"
  82.  
  83. i=0
  84.  
  85. if (document.all)
  86.  
  87. tickerobject=document.all.submensagem.style
  88.  
  89. else
  90.  
  91. tickerobject=document.mensagem.document
  92.  
  93. function regenerate(){
  94.  
  95. window.location.reload()
  96.  
  97. }
  98.  
  99. function regenerate2(){
  100.  
  101. if (document.layers)
  102.  
  103. setTimeout("window.onresize=regenerate",450)
  104.  
  105. }
  106.  
  107. function update(){
  108.  
  109. BgFade(0xff,0xff,0xff, 0x00,0x00,0x00,10);
  110.  
  111. if (document.layers){
  112.  
  113. document.mensagem.document.submensagem.document.write('<span class="submensagemfont">'+textos[i]+'</span>')
  114.  
  115. document.mensagem.document.submensagem.document.close()
  116.  
  117. }
  118.  
  119. else
  120.  
  121. document.all.submensagem.innerHTML=textos[i]
  122.  
  123. if (i<textos.length-1)
  124.  
  125. i++
  126.  
  127. else
  128.  
  129. i=0
  130.  
  131. setTimeout("update()",speed)
  132.  
  133. }
  134.  
  135. function BgFade(red1, grn1, blu1, red2,
  136.  
  137. grn2, blu2, steps) {
  138.  
  139. sred = red1; sgrn = grn1; sblu = blu1;
  140.  
  141. ered = red2; egrn = grn2; eblu = blu2;
  142.  
  143. inc = steps;
  144.  
  145. step = 0;
  146.  
  147. RunFader();
  148.  
  149. }
  150.  
  151. function RunFader() {
  152.  
  153. var epct = step/inc;
  154.  
  155. var spct = 1 - epct;
  156.  
  157. if (document.layers)
  158.  
  159. tickerobject.bgColor =
  160.  
  161. Math.floor(sred * spct + ered *
  162.  
  163. epct)*256*256 +
  164.  
  165. Math.floor(sgrn * spct + egrn * epct)*256 +
  166.  
  167. Math.floor(sblu * spct + eblu * epct);
  168.  
  169. else
  170.  
  171. tickerobject.backgroundColor=
  172.  
  173. Math.floor(sred * spct + ered *
  174.  
  175. epct)*256*256 +
  176.  
  177. Math.floor(sgrn * spct + egrn * epct)*256 +
  178.  
  179. Math.floor(sblu * spct + eblu * epct);
  180.  
  181. if ( step < inc ) {
  182.  
  183. setTimeout('RunFader()',50);
  184.  
  185. }
  186.  
  187. step++;
  188.  
  189. }
  190.  
  191. </script>
  192.  
  193. </body>
  194.  
  195. </html>
  196.  



ENLACE AL CODIGO
Si quieres enlazar desde tu pagina a este codigo
<!-- Inicio enlace Tutores.org -->
<a title="Tutores.org - Aviso variable en pagina" href="http://www.tutores.org/codigo/602/" target="_blank">Aviso variable en pagina</a>
<!-- Final enlace Tutores.org -->
COMENTARIOS
Aun no existe ningun comentario para este Codigo.
INSERTAR COMENTARIO

Usuario:
Email:
Comentario:
Codigo Seguridad

Antes de enviar un comentario...
Todos los comentarios son revisados personalmente
Todo comentario que no haga relacion al codigo mostrado en esta pagina sera eliminado
Usuarios registrados tienen preferencia en recibir respuestas de ayuda!!
Ademas de poder insertar Imagenes,Enlaces y otras propiedades del editor.
Por favor, insertar los comentarios descriptivos.