NickJP

Usuario (Venezuela)

Primer post: 13 abr 2011Último post: 13 ago 2011

Posts

Puntos totales

Comentarios

Exelente script buscador de videos youtube

Hazlo Tu MismoporAnónimo8/3/2011

Youtube Instant Search es una pequeño plugin para jQuery que permite hacer búsquedas de videos y mostrar los resultados en tiempo real, aprovechando el API de Youtube y leyendo los feeds en formato JSON. Es nuy sencillo de agregar y personalizar. primero, si no la tenemos, debemos agregar la librería jQuery cosa que hacemos colocando esto antes de </head> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script> Y debajo, el script con el plugin: <script type='text/javascript'> //<![CDATA[ $(document).ready(function(){ $(".search_input").focus(); $(".search_input").keyup(function() { var search_input = $(this).val(); var keyword= encodeURIComponent(search_input); var yt_url='http://gdata.youtube.com/feeds/api/videos?q='+keyword+'&format=5&max-results=1&v=2&alt=jsonc'; $.ajax({ type: "GET", url: yt_url, dataType:"jsonp", success: function(response){ if(response.data.items){ $.each(response.data.items, function(i,data){ var video_id=data.id; var video_title=data.title; var video_viewCount=data.viewCount; var video_frame="<iframe width='500' height='300' src='http://www.youtube.com/embed/"+video_id+"' frameborder='0' type='text/html'></iframe>"; var final="<div id='title'>"+video_title+"</div><div>"+video_frame+"</div><div id='count'>"+video_viewCount+" Views</div>"; $("#result").html(final); }); } else { $("#result").html("<div id='no'>No Video</div>"); } } }); }); }); //]]> </script> Allí, veremos algunos detalles configurables, el más importante es lo definido en var video_frame que es lo que escribirá el código HTML con el video donde podemos cambiar los valores de width y height a gusto así como agregarle parámetros extras a la URL de src para configurar la forma en que se mostrarán. Para utilizar el plugin, basta que coloquemos dos DIVs; uno con el control para hacer la búsqueda y otro vacío donde se mostrarán los resultados; estos, los ponemos en cualquier parte donde quisiéramos verlos: <div id="input_box"> <input type="text" class='search_input' /> </div> <div id="result"></div> Un poco de CSS para armar todo: <style> /* el DIV donde colocamos el buscador */ #input_box { text-align: center; width:500px; } /* el cuadro de búsqueda */ .search_input { font-size: 20px; padding: 5px; text-align: center; width: 400px; } /* el DIV donde se mostrarán los resultados */ #result { background-color: #000; margin-top:25px; min-height:380px; width:500px; } /* un texto, sólo visible cuando no hay resultados a mostrar */ #no { text-align: center; } /* el título del video encontrado */ #title { font-size: 18px; height: 40px; line-height: 1; padding-bottom: 10px; text-align: center; } /* el texto inferior con el contador de YouTube */ #count { height: 20px; padding-top: 10px; text-align: right; } </style> Fuente y Demo

Acordion CSS HTML JAVASCRIPT (paginas web)

Hazlo Tu MismoporAnónimo8/7/2011

Agregar el siguiente script entre las etiquetas <head>y </head> <script> //<![CDATA[ var abierto = "primero"; // definimos el que estará abierto function demoacordeon(cual) { var mostrar = document.getElementById(cual); // el que vamos a mostrar var actual = document.getElementById(abierto); // el que vamos a ocultar if(mostrar==actual) {return false;} // si es el mismo no hacemos nada // permutamos sus clases actual.className="novisible"; mostrar.className="visible"; abierto = cual; // guardamos el que está abierto } //]]> </script> el stylo #demoA { margin: 0 auto; width: 100%; } #demoA a { background-color: #123; display: block; font-size: 16px; line-height: 2em; margin: 1px 0; padding-left: 5px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; font-size: 12px; } #demoA a:hover { background-image: url(vagaPlantilla_bgGradienteVertical.gif); color: #EEE; } #demoA div { background-image: url(vbblog_sidebar_background.png); overflow:hidden; text-align: center; -moz-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; } #demoA div.visible { border: 1px solid #123; height:100px; color: #fff; } #demoA div.novisible { border: 1px solid transparent; height:0px; } y el html : <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> </head> <body> <div id="demoA"> <a onclick="demoacordeon('primero');" href="javascript:void(0);">Seguidores</a> <div id="primero" class="visible"> <img src="XP.png" width="120"> </div> <a onclick="demoacordeon('segundo');" href="javascript:void(0);">Programadores</a> <div class="novisible" id="segundo"> NickJP XD.<br> </div> <a onclick="demoacordeon('tercero');" href="javascript:void(0);">contactos</a> <div id="tercero" class="novisible"> <span>[email protected] </span> </div> </div> </body> </html> Demo: http://mydising.site90.com/arconick.html

Ventanas (HTML) (JS) (PAGiNA WEB)

Hazlo Tu MismoporAnónimo8/2/2011

Bueno en este tutorial que les traigo les vengo a enseñar cómo hacer que ustedes puedan abrir ventanas (div) dentro de la misma página es muy fácil tan solo implementar un poco de HTML y JS y el css si le quieren dar estilo <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <meta content='IE=8' http-equiv='X-UA-Compatible'/> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <head> <style> .nickjp { display: none; position: fixed; top: 25%; left: 25%; width: 50%; height: 50%; padding: 16px; border: 16px solid red; background-color: #fff; z-index:1002; overflow: auto; -moz-border-radius: 10px; -webkit-border-radius: 10px; } </style> </head> <body> <a href ="javascript:void(0)" onclick ="document.getElementById('taringa').style.display='block'">Abrir Ventana</a> <div id="taringa" class="nickjp"><a href ="javascript:void(0)" onclick ="document.getElementById('taringa').style.display='none'">Cerrar Ventana</a> <br><img src="http://holageek.com/v1/wp-content/uploads/2011/07/html-full.jpeg"></div> </body> </html> ok le explico por parte cada una de la funciones que para que entienda el codigo si desean agregar muchos más POPUP Lo que este marcado En NEGRITA es lo importante En el siguiente link Abrir ventana está compuesto de esta manera <a href ="javascript:void(0)" onclick ="document.getElementById('taringa').style.display='none'"> Que ara eso que al precionar el link ( Abrir Ventana ) este ejecute el div (Taringa) onclick ="document.getElementById('taringa') en cuanto pueda ser (block) para mostrar .style.display='block'" y si es (none) para ocultar .style.display='none'"> Bueno lo ultimo seria agregarle al DIV el ID <div id="taringa"> Aqui el ejemplo online mydising.site90.com Cualquier duda o pregunta que tengas aquí estoy para ayudarlos Comentar es agradecer...

Tooltips sexy efect [paginas web]

Hazlo Tu MismoporAnónimo8/13/2011

agregar un tooltips facil y bonito... Primero descargar el Script: http://mydising.site90.com/02.rar y la demo: http://mydising.site90.com/02/xx.html <ul class="xty"> <li class="xty"><a href="1.jpg" class="preview" title="hola esta es mi primera pagina web creada por jesus perez"><img src="1s.jpg" alt="gallery thumbnail" /></a></li> lo que esta en rojo seria el texto que van en la imagen del tooltips... Comunidad: @NickJP @Foxlyne @Js_Toni Gruop Alpha

Estructura y configuracion de medios de transmicion fisica

Hazlo Tu MismoporAnónimo7/20/2011

CABLE COAXIAL: Este tipo de cable esta compuesto de un hilo conductor central de cobre rodeado por una malla de hilos de cobre. El espacio entre el hilo y la malla lo ocupa un conducto de plástico que separa los dos conductores y mantiene las propiedades eléctricas. Todo el cable está cubierto por un aislamiento de protección para reducir las emisiones eléctricas. El ejemplo más común de este tipo de cables es el coaxial de televisión. Originalmente fue el cable más utilizado en las redes locales debido a su alta capacidad y resistencia a las interferencias, pero en la actualidad su uso está en declive. Su mayor defecto es su grosor, el cual limita su utilización en pequeños conductos eléctricos y en ángulos muy agudos. TIPOS DE CABLE COAXIAL THICK (grueso). Normalmente como "cable amarillo", fue el cable coaxial utilizado en la mayoría de las redes. Su capacidad en términos de velocidad y distancia es grande, pero el coste del cableado es alto y su grosor no permite su utilización en canalizaciones con demasiados cables. Este cable es empleado en las redes de área local conformando con la norma10 Base 5. THIN (fino). Este cable se empezó a utilizar para reducir el coste de cableado de la redes. Su limitación está en la distancia máxima que puede alcanzar un tramo de red sin regeneración de la señal. Sin embargo el cable es mucho más barato y fino que el thick y, por lo tanto, solventa algunas de las desventajas del cable grueso. Este cable es empleado en las redes de área local conformando con la norma 10 Base 2. El cable coaxial en general solo se puede utilizar en conexiones Punto a Punto o dentro de los racks. CABLE DE PAR TRENZADO: Es el tipo de cable más común y se originó como solución para conectar teléfonos, terminales y ordenadores sobre el mismo cableado. Cada cable de este tipo está compuesto por un serie de pares de cables trenzados. Los pares se trenzan para reducir la interferencia entre pares adyacentes. Normalmente una serie de pares se agrupan en una única funda de color codificado para reducir el número de cables físicos que se introducen en un conducto. El número de pares por cable son 4, 25, 50, 100, 200 y 300. Cuando el número de pares es superior a 4 se habla de cables multipar. (Cable UTP) TIPOS DE CABLE TRENZADO NO APANTALLADO (UTP): Es el cable de par trenzado normal y se le referencia por sus siglas en inglés UTP (Par Trenzado no Apantallado). Las mayores ventajas de este tipo de cable son su bajo costo y su facilidad de manejo. Sus mayores desventajas son su mayor tasa de error respecto a otros tipos de cable, así como sus limitaciones para trabajar a distancias elevadas sin regeneración. Para las distintas tecnologías de red local, el cable de pares de cobre no apantallado se ha convertido en el sistema de cableado más ampliamente utilizado. APANTALLADO (STP): Cada par se cubre con una malla metálica, de la misma forma que los cables coaxiales, y el conjunto de pares se recubre con una lámina apantallante. Se referencia con sus siglas en inglés STP (Shield Twiested Pair / Par Trenzado Apantallado). La lamina apantallante reduce la tasa de error, pero incrementa el costo al requerirse un proceso de fabricación más costoso. UNIFORME (FTP): Cada uno de los pares es trenzado uniformemente durante su creación. Esto elimina la mayoría de las interferencias entre cables y además protege al conjunto de los cables de interferencias exteriores. Se realiza un apantallamiento global de todos los pares mediante una lámina externa apantallante. Esta técnica permite tener características similares al cable apantallado con unos costes por metro ligeramente inferior. Este es usado dentro de la categoria 5 y 5e (Hasta 100 Mhz). CABLE DE FIBRA OPTICA: Este cable está constituido por uno o más hilos de fibra de vidrio, cada fibra de vidrio consta de: *Un núcleo central de fibra con un alto índice de refracción. *Una cubierta que rodea al núcleo, de material similar, con un índice de refracción ligeramente menor. *Una envoltura que aísla las fibras y evita que se produzcan interferencias entre fibras adyacentes, a la vez que proporciona protección al núcleo. Cada una de ellas está rodeada por un revestimiento y reforzada para proteger a la fibra. La luz producida por diodos o por láser, viajan a través del núcleo debido a la reflexión que se produce en la cubierta, y es convertida en señal eléctrica en el extremo receptor. La fibra óptica es un medio excelente para la transmisión de información porque tiene: gran ancho de banda, baja atenuación de la señal, integridad, inmunidad a interferencias electromagnéticas, alta seguridad y larga duración. Su mayor desventaja es su coste de producción superior al resto de los tipos de cable, debido a necesitarse el empleo de vidrio de alta calidad y la fragilidad de su manejo en producción. La terminación de los cables de fibra óptica requiere un tratamiento especial que ocasiona un aumento de los costes de instalación. Uno de los parámetros más característicos de las fibras es su relación entre los índices de refracción del núcleo y de la cubierta que depende también del radio del núcleo y que se denomina frecuencia fundamental o normalizada; también se conoce como apertura numérica y es adimensional. Según el valor de este parámetro se pueden clasificar los cables de fibra óptica en dos clases: Monomodo. Cuando el valor de la apertura numérica es inferior a 2,405, un único modo electromagnético viaja a través de la línea y por tanto ésta se denomina monomodo. Sólo se propagan los rayos paralelos al eje de la fibra óptica, consiguiendo el rendimiento máximo, *Ancho de banda hasta 50 ghz. *Velocidades 622mbps *Alcance de transmisión de:100km *Este tipo de fibras necesitan el empleo de emisores láser para la inyección de la luz, lo que proporciona un gran ancho de banda y una baja atenuación con la distancia, por lo que son utilizadas en redes metropolitanas y redes de área extensa. Por contra, resultan más caras de producir y el equipamiento es más sofisticado. Multimodo. Cuando el valor de la apertura numérica es superior a 2,405, se transmiten varios modos electromagnéticos por la fibra, denominándose por este motivo fibra multimodo. Las fibras multimodo son las más utilizadas en las redes locales por su bajo coste. LAS CARACTERISTICAS GENERALES DE LA FIBRA OPTICA SON: Ancho de banda: es mucho mayor que los cables (UTP y FTP) y el coaxial .Actualmente se estan utilizando velocidades de 1.7 Gbps en las redes publicas, pero la utilización de frecuencias mas altas como la luz visible permitira alcanzar los 39Gbps. Distancia: La baja atenuación de la señal óptica permite realizar tendidos de fibra óptica sin necesidad de repetidores. Integridad de datos: tiene una frecuencia de errores o ber (BIT error data) de 10exponente a la -11 esta características permiten que los protocolos de alto nivel no necesitan implantar procedimientos de alta corrección. En condiciones normales, una transmisión de datos por fibra óptica tiene una frecuencia de errores o BER (BIT Error Rate) menor de 10 E-11. Esta característica permite que los protocolos de comunicaciones de alto nivel, no necesiten implantar procedimientos de corrección de errores por lo que se acelera la velocidad de transferencia. Duración: La fibra óptica es resistente a la corrosión y a las altas temperaturas. Gracias a la protección de la envoltura es capaz de soportar esfuerzos elevados de tensión en la instalación. Seguridad: Debido a que la fibra óptica no produce radiación electromagnética, es resistente a las acciones intrusivas de escucha. Para acceder a la señal que circula en la fibra es necesario partirla, con lo cual no hay transmisión durante este proceso, y puede por tanto detectarse. La fibra también es inmune a los efectos electromagnéticos externos, por lo que se puede utilizar en ambientes industriales sin necesidad de protección especial. OTROS TEMAS RELACIONADOS http://www.taringa.net/posts/hazlo-tu-mismo/11551639/Tecnologias-y-sistemas-de-redes.html

popup Menu click derecho (Pagina web)

Hazlo Tu MismoporAnónimo8/6/2011

Colocar el siguiente script entre las etiquetas <head> y </head> <SCRIPT language="JavaScript" type="text/javascript"> </SCRIPT> un poquito de estilo: <STYLE type="text/css"> body { background: #000; } a:link { color: #999; text-decoration: none; text-shadow: 1px 1px 1px #000; } a:visited { color: #999; text-decoration: none; text-shadow: 1px 1px 1px #000; } a:hover { color: #666; text-decoration: none; text-shadow: 1px 1px 1px #000; } a:active { color: #999; text-decoration: none; text-shadow: 1px 1px 1px #000; } a { font-family: Arial, Helvetica, sans-serif; font-weight: bold; } #Menu{ position: absolute; top: 100px; left: 10px; z-index: 99; visibility: hidden; } </STYLE> entres las etiquetas <body> y </body> colocar el HTML este script nomas sirve sin tener contenido... (ojo) pero con el se pueden lograr grandes cosas y crear la pagina con un diferente estilo... <DIV id="Menu"> <TABLE style="background: #000; border: #123 solid 4px; -moz-border-radius: 8px;-webkit-border-radius: 8px;"> <TR><TD height=20><A href="http://www.google.com"> Google.com </A></TD></TR> <TR><TD height=20><A href="http://www.yahoo.com"> yahoo.com </A></TD></TR> <TR><TD height=20><A href="http://www.altavista.com"> Altavista </A></TD></TR> <TR><TD height=20><A href="mailto:[email protected]"> Contactame </A></TD></TR> </TABLE> <SCRIPT language="JavaScript" type="text/javascript"> </SCRIPT> </DIV> Recomenda y tambien comenta Gracias Demo: http://mydising.site90.com/nickpopup.html

Topologia de red de area local

Hazlo Tu MismoporAnónimo7/20/2011

La topología o forma lógica de una red se define como la forma de tender el cable a estaciones de trabajo individuales; por muros, suelos y techos del edificio. Existe un número de factores a considerar para determinar cual topología es la más apropiada para una situación dada. La topología en una red es la configuración adoptada por las estaciones de trabajo para conectarse entre sí. Topologías más Comunes *Estrella: Los datos en estas redes fluyen del emisor hasta el concentrador, este realiza todas las funciones de la red, además actúa como amplificador de los datos. La red se une en un único punto, normalmente con un panel de control centralizado, como un concentrador de cableado. Los bloques de información son dirigidos a través del panel de control central hacia sus destinos. Este esquema tiene una ventaja al tener un panel de control que monitorea el tráfico y evita las colisiones y una conexión interrumpida no afecta al resto de la red. *Anillo: Las estaciones están unidas unas con otras formando un círculo por medio de un cable común. El último nodo de la cadena se conecta al primero cerrando el anillo. Las señales circulan en un solo sentido alrededor del círculo, regenerándose en cada nodo. Con esta metodología, cada nodo examina la información que es enviada a través del anillo. Si la información no está dirigida al nodo que la examina, la pasa al siguiente en el anillo. La desventaja del anillo es que si se rompe una conexión, se cae la red completa. *Bus: Esta topología permite que todas las estaciones reciban la información que se transmite, una estación transmite y todas las restantes escuchan. Consiste en un cable con un terminador en cada extremo del que se cuelgan todos los elementos de una red. Todos los nodos de la red están unidos a este cable: el cual recibe el nombre de "Backbone Cable". Tanto Ethernet como Local Talk pueden utilizar esta topología. El bus es pasivo, no se produce regeneración de las señales en cada nodo. Los nodos en una red de "bus" transmiten la información y esperan que ésta no vaya a chocar con otra información transmitida por otro de los nodos. Si esto ocurre, cada nodo espera una pequeña cantidad de tiempo al azar, después intenta retransmitir la información. *Híbridas o mixta: El bus lineal, la estrella y el anillo se combinan algunas veces para formar combinaciones de redes híbridas. Anillo en Estrella: Esta topología se utiliza con el fin de facilitar la administración de la red. Físicamente, la red es una estrella centralizada en un concentrador, mientras que a nivel lógico, la red es un anillo. "Bus" en Estrella: El fin es igual a la topología anterior. En este caso la red es un "bus" que se cablea físicamente como una estrella por medio de concentradores. Estrella Jerárquica: Esta estructura de cableado se utiliza en la mayor parte de las redes locales actuales, por medio de concentradores dispuestos en cascada par formar una red jerárquica. Otro temas Relacionados

Html Para tu web

TaringaporAnónimo4/13/2011

Texto en el titulo de tu navegador Texto en movimiento en el titulo de tus ventanas [color=#000000]<SCRIPT LANGUAGE="JavaScript"> var txt=" :-)Gracias a NickJP Vas A tener tu pagina web;-) - "; var espera=100; var refresco=null; function rotulo_title() { document.title=txt; txt=txt.substring(1,txt.length)+txt.charAt(0); refresco=setTimeout("rotulo_title()",espera);} rotulo_title(); </SCRIPT>[/color] Ejemplo: http://xkun.net23.net/NickJP/1.html Menu enlaces con marco [color=#000000] <head> <style> .menulines{ border:1px solid white; } .menulines a{ text-decoration:none; color:black; } </style> <script language="JavaScript1.2"> function borderize(what,color){ what.style.borderColor=color } function borderize_on(e){ if (document.all) source3=event.srcElement else if (document.getElementById) source3=e.target if (source3.className=="menulines"){ borderize(source3,"black") } else{ while(source3.tagName!="TABLE"){ source3=document.getElementById? source3.parentNode : source3.parentElement if (source3.className=="menulines") borderize(source3,"black") } } } function borderize_off(e){ if (document.all) source4=event.srcElement else if (document.getElementById) source4=e.target if (source4.className=="menulines") borderize(source4,"white") else{ while(source4.tagName!="TABLE"){ source4=document.getElementById? source4.parentNode : source4.parentElement if (source4.className=="menulines") borderize(source4,"white") } } } </script> </head> <body> <table border="0" width="200" cellspacing="0" cellpadding="0" onMouseover="borderize_on(event)" onMouseout="borderize_off(event)"> <tr><td width="100%" bgcolor="#E6E6E6"><font face="Arial" size=3><b>Menú Principal</b></font></td></tr> <tr><td width="100%" class="menulines"><font face="Arial" size=2><a href="#"> Monta tu web y Gratis!</a></font></td></tr> <tr><td width="100%" class="menulines"><font face="Arial" size=2><a href="#"> El portal de humor</a> </font></td></tr> <tr><td width="100%" class="menulines"><font face="Arial" size=2><a href="#"> El mundo del motor </a> </font></td></tr> <tr><td width="100%" class="menulines"><font face="Arial" size=2><a href="#"> Un portal nuevo para ti </a></font></td></tr> <tr><td width="100%" class="menulines"><font face="Arial" size=2><a href="#"> Tu puedes entrar en el </a> </font></td></tr> </table> <br><br><br> </body> </html>[/color] Ejemplo: http://xkun.net23.net/NickJP/2.html Boton multiples enlaces Boto [color=#000000] <font face="Arial, Helvetica, sans-serif" size=2> <script language="JavaScript"> var timerID = null var timerRunning = false var charNo = 0 var charMax = 0 var lineNo = 0 var lineMax = 3 var lineArr = new Array(lineMax) var urlArr = new Array(lineMax) lineArr[1] = "Crea tu propia WEB" urlArr[1] = "url" lineArr[2] = "Los Codigos Web" urlArr[2] = "url" lineArr[3] = "La web del Albañil" urlArr[3] = "url" var lineText = lineArr[1] function StartShow() { StopShow() ShowLine() timerRunning = true } function FillSpaces() { for (var i = 1; i <= lineWidth; i++) { spaces += " " } } function StopShow() { if (timerRunning) { clearTimeout(timerID) timerRunning = false } } function ShowLine() { if (charNo == 0) { if (lineNo < lineMax) { lineNo++ } else { lineNo = 1 } lineText = lineArr[lineNo] charMax = lineText.length } if (charNo <= charMax) { document.formDisplay.buttonFace.value = lineText.substring(0, charNo) charNo++ timerID = setTimeout("ShowLine()", 100) } else { charNo = 0 timerID = setTimeout("ShowLine()", 3000) } } function GotoUrl(url) { top.location.href = url } document.write("<form name="formDisplay">"); document.write("<input type="button" name="buttonFace" value="&{lineText}" size=18 onClick="GotoUrl(urlArr[lineNo])">"); document.write("</form>"); StartShow(); </script></font> [/color] Ejemplo: http://xkun.net23.net/NickJP/3.html Texto que aparece [color=#000000] <script language="JavaScript1.2">var delay=3000 //pausa (en milisegundos) var fcontent=new Array() begintag='<font face="Arial" size=2>' //tag que abre los mensajes fcontent[0]="<b></b><br><br>Crea tu propia pagina personal." fcontent[1]="Monta tu pagina con FrontPage Express , veras que es muy facil." fcontent[2]="Con NickJP Aprenderas mucho xD." closetag='</font>' var fwidth=150 //ancho var fheight=150 //alto ///No editar///////////////// var ie4=document.all&&!document.getElementById var ns4=document.layers var DOM2=document.getElementById var faderdelay=0 var index=0 if (DOM2) faderdelay=2000 //function to change content function changecontent(){ if (index>=fcontent.length) index=0 if (DOM2){ document.getElementById("fscroller").style.color="rgb(255,255,255)" document.getElementById("fscroller").innerHTML=begintag+fcontent[index]+closetag colorfade() } else if (ie4) document.all.fscroller.innerHTML=begintag+fcontent[index]+closetag else if (ns4){ document.fscrollerns.document.fscrollerns_sub.document.write(begintag+fcontent[index] +closetag) document.fscrollerns.document.fscrollerns_sub.document.close() } index++ setTimeout("changecontent()",delay+faderdelay) } // colorfade() partially by Marcio Galli for Netscape Communications. //////////// frame=20; hex=255 // Initial color value. function colorfade() { // 20 frames fading process if(frame>0) { hex-=10; // increase color value document.getElementById("fscroller").style.color="rgb("+hex+","+hex+","+hex+")"; // Set color value. frame--; setTimeout("colorfade()",20); } else{ document.getElementById("fscroller").style.color="rgb(255,0,0)"; frame=20; hex=255 } } if (ie4||DOM2) document.write('<div id="fscroller" style=border:1px solid ;width:'+fwidth+';height:'+fheight+';padding:2px></div>') window.onload=changecontent</script><ilayer id="fscrollerns" width=&{fwidth}; height=&{fheight};><layer id="fscrollerns_sub" width=&{fwidth}; height=&{fheight}; left=0 top=0></layer></ilayer> [/color] Ejemplo: http://xkun.net23.net/NickJP/4.html