ticker de escritura de vbscript
Texto en desplazamiento
El uso apropiado de los parámetros de marca lt;marqueegt puede mostrar diferentes efectos; consulte los siguientes ejemplos:
1 . Luces de marcha que rebotan a izquierda y derecha.
¡Rebotan luces de marcha!
El método de implementación consiste en agregar algunos parámetros más en la etiqueta IE para producir cambios más completos. Establecer comportamiento = alternativo significa moverse en ambas direcciones, mientras que establecer dirección = izquierda significa moverse hacia la izquierda. El ancho del marco puede utilizar valores absolutos de píxeles, como ancho = 200, etc. Este valor limita el rango de desplazamiento de la cuadrícula. Tenga en cuenta que este efecto no es visible en Netscape.
Cuadro para pegar código fuente:
lt; ancho de marquesina = 400 comportamiento = dirección alternativa = alineación izquierda = borde medio = 1gt; p>
p>
2. Un logo que corre rápido
¡Un logo que corre rápido!
Simplemente agregue el parámetro "scrollamount=30" en la etiqueta
3. Marquesina con hipervínculos
¡Marquesina con hipervínculos! ¿Puedes darme algún consejo? ¡Hay uno más! ¿Haz clic en mí para probar?
De hecho, el método de implementación es muy simple. Puede ver claramente la declaración lt;marqueegt;lt;/marqueegt; en el siguiente código. Por supuesto, también puede agregar diferentes enlaces al contenido que contiene lt;marqueegt;lt;/marqueegt;, de modo que sea adecuado para publicar noticias actualizadas o crear una marquesina para la navegación del sitio web.
Cuadro de pegado de origen:
lt; marquee width=90gt;
lt; a href="/default.htm" target=_blankgt; !
lt;a href="/pc/index.htm" target=_blankgt; ¡Hay uno más! ¿Haz clic en mí para probar?
lt;/marqueegt;
El ejemplo anterior es la aplicación de lt;marqueegt; parámetros de marca. La siguiente tabla enumera todos los parámetros disponibles para su referencia, pero aún necesita As. Le recordamos que la etiqueta
Parámetros
comportamiento=desplazamiento, deslizamiento, modo de ejecución alternativo: bucle izquierdo y derecho, una parada, bucle delantero y trasero
dirección=corrido izquierdo, derecho dirección: de izquierda a derecha, de derecha a izquierda
loop=100 Número de carreras: 100 bucles.
100 Número de ejecuciones: 100 bucles, si no lo anota, siempre será un bucle
ancho=100, alto=200 Rango de ejecución: el ancho es 100, el alto es 200 píxeles
scrollamount=20 Velocidad de carrera: cuanto mayor sea el número, más rápida será la velocidad
scrolldelay=500 Retraso de carrera: milisegundos. : Milisegundos, se puede utilizar para implementar el desplazamiento progresivo
hspace=20, vspace=20 El tamaño del espacio entre el área de ejecución y otras áreas
bgcolor=#00FFCC El color de fondo del área de ejecución
Aquí hay algunos tiempos de ejecución más complejos que puede implementar usando JavaScript. Solo necesita copiar el código en el cuadro de pegado del código fuente y pegarlo en la ubicación especificada de acuerdo con las instrucciones para ver el efecto de las luces de marcha.
1. Ticker de la barra de estado
En el estado predeterminado, la barra de estado del navegador muestra información que apunta a enlaces, lo que da a las personas una sensación muy monótona. Si colocamos el saludo o la descripción del sitio web en la barra de estado para la visualización con desplazamiento, podremos lograr buenos resultados.
Cuadro para pegar código fuente:
1. Coloque el siguiente código entre lt;headgt; y lt;/headgt;:
lt;script LANGUAGE =" JavaScript"gt;
lt;! -- Start
var Mes=new Array();
Mes[0]="¡Hunn Online te da la bienvenida!"; "Gracias por su interés en los tutoriales de interacción con computadoras";
Mes[2]="Habilidades de producción de páginas web del Libro Happy Valley"
var place=1
Mes[2]="Habilidades de producción de páginas web del Libro Happy Valley"; p>
var i=0
función scroll()
; {
ventana.status=Mes[i].substring(0, lugar
if (lugar gt; = Mes[i].length)
>{
si (ilt; 2)
{
i
lugar =1; window.setTimeout("scroll()", 50
}
else
{
i=0; p>
lugar=1;
ventana.setTimeout("desplazamiento () ", 50); p>else {
lugar;
ventana. setTimeout("scroll()",
}
}
// Fin - gt;
lt; /scriptgt;
2. En la etiqueta lt;bodygt;
lt;body onload="scroll();"gt;
Pasos de implementación:
(1) Primero copie el código JavaScript entre lt;headgt; headgt;. Este código contiene la función scroll(), que es el código principal para implementar el programa en ejecución. Podemos modificar el valor de la matriz mes[] para cambiar el contenido de la luz de marcha o mostrar más entradas de información, pero el valor de i en el código debe ser igual al número de entradas de información, es decir, igual a la dimensión de la matriz mes[];
(2) Luego agregue la instrucción onload() en la etiqueta lt;bodygt;
2. Mensaje en ejecución del hipervínculo
Mueva el "mouse" al siguiente enlace y pruébelo. Resulta que aparece un mensaje estilo marquesina. ¿Cómo se logra esto? Continúe leyendo:
Enciclopedia de marquesinas (1) Técnicas de producción de páginas web del tutorial de interacción con computadoras
Pegar código fuente. cuadro:
1.
if (!document.layers&!document.all)
event="test"
función showtip2(actual, e, texto){
if (document.allamp;amp;document.readyamp;amp;)
función showtip2(actual,e, texto){
if (document.allamp amp; amp; document.readyState=="complete"){
document.all.tooltip2.innerHTML='lt;marquee style ="borde: 1px sólido negro"gt;' texto 'lt;/marqueegt;'
document.all.tooltip2.style.pixelLeft=event.clientX document.body.
document.all.tooltip2. style.pixelTop=event.clientY document.body.scrollTop 10
document.all.tooltip2.style.visibility="visible"
}
si no (document.layers){
document.tooltip2.document.nstip.document.write('lt;bgt;' text 'lt;/bgt;')
document.tooltip2 .document.nstip.document.close()
document.tooltip2.document.nstip.left=0
currentscroll=setInterval("scrolltip()", 100)
document.tooltip2.left=e.pageX 10
document.tooltip2.top=e.pageY 10
document.tooltip2.visibility= "mostrar"
document.tooltip2.p>
}.
}
función hidetip2(){
si (document.all)
document.all.tooltip2.style.visibility= "oculto"
else if (document.layers){
clearInterval(currentscroll)
document.tooltip2.visibility="oculto"
}
}
}
función scrolltip(){
if (document.tooltip2.document.nstip.leftgt; =-document.tooltip2.document.nstip.document.width)
document.｝
lt;/scriptgt
2. aparecerá el mensaje Agregue la instrucción onMouseover al enlace:
lt; a href="pm23.htm" onMouseover="showtip2(this, event, 'Varias luces de marcha implementadas con marquesina')" onMouseout=" hidetip2()" gt；Running Lights Daquan (a)lt;/agt;
lt;a href="/pc/index.htm" onMouseover="showtip2(this, event, 'El más completo tutorial de interacción con la computadora' )" onMouseout="" hidetip2()"gt;Tutoriales de interacción con la computadoralt;/agt
lt;a href="pmjq00.htm" onMouseover="showtip2(this, event, ' Puntos de Trucos para vestir tu hogar')" onMouseout="hidetip2()" gt; Consejos para hacer páginas weblt;/agt;
lt; Consejos para hacer páginas weblt;/agt;