Cómo agregar un código de imagen con desplazamiento al código de descripción del bebé de Taobao
[Código HTML]Mover texto (Marquee)
La etiqueta Marquee se utiliza para desplazar el texto dentro del área de navegación disponible. Esta etiqueta sólo se aplica a IE3 y versiones posteriores del navegador.
Formato:
lt; MARQUEE ALIGN="…"
BEHAVIOR="…"
BGCOLOR="…" p>
DIRECTION="…"
ALTURA="…"
WIDTH="…"
HSPACE="…"
VSPACE="…"
LOOP="…"
SCROLLAMOUNT="…"
SCROLLDELAY="…"
ONMOUSEOUT=this.start()
ONMOUSEOVER=this.stop()
gt;…
lt;/MARQUEEgt;
Atributos:
ALIGN: Se utiliza para alinear el texto en desplazamiento según el valor establecido. Los valores que se pueden establecer para ALINEAR son: IZQUIERDA, CENTRO, DERECHA, ARRIBA y ABAJO. Esta propiedad no es obligatoria.
Ejemplo:
lt;MARQUEE ALIGN="TOP"gt;Este texto desplazable está configurado en alineación superiorlt;/MARQUEEgt;
COMPORTAMIENTO: Sí Deje que el El navegador maneja el texto en el método set una vez que aparece en la página. Si el método se establece en DIAPOSITIVA, el texto se mueve al documento y permanece en los márgenes. Si se establece en ALTERNATIVO, el texto se mueve de un lado a otro. Si se establece en SCROLL, el texto se desplazará repetidamente en la página. Este atributo no es obligatorio. Los valores que se pueden establecer son: SILIDE, ALTERNATE, SCROLL.
Ejemplo:
lt;MARQUEE BEHAVIOR="ALTERNATE"gt;El texto se mueve de un lado al otrolt;/MARQUEEgt;
BGCOLOR: se usa para configurar Establece el color de fondo de los subtítulos. El color de fondo se puede configurar en RGB, formato de valor hexadecimal o nombre de color.
Ejemplo:
lt; MARQUEE BGCOLOR="RED"gt; Utilice el nombre del color para establecer el color de fondo del texto desplazable en redlt;/MARQUEEgt;
lt ;MARQUEE BGCOLOR="#FF0000"gt; Utilice un valor hexadecimal para establecer el color de fondo del texto desplazable en redlt;/MARQUEEgt;
lt; )gt; Use RGB para establecer el color de fondo del texto en desplazamiento en redlt;/MARQUEEgt;
DIRECCIÓN: se usa para establecer la dirección del desplazamiento del texto. Los valores que se pueden configurar son: IZQUIERDA, BIEN. Esta propiedad no es obligatoria.
Ejemplo:
lt;MARQUEE DIRECTION="LEFT"gt;El texto se desplaza hacia la izquierdalt;/MARQUEEgt;
lt;MARQUEE DIRECTION="RIGHT " gt;El texto se desplaza hacia la derechalt;/MARQUEEgt;
ALTURA: Se utiliza para establecer la altura de los subtítulos móviles. La altura se puede expresar en píxeles o como porcentaje de la página visible. Esta propiedad no es obligatoria.
Ejemplo:
lt;MARQUEE HEIGHT="10"gt;La altura de los subtítulos rodantes es 10lt;/MARQUEEgt;
lt;MARQUEE HEIGHT= "12"gt;La altura de los subtítulos rodantes es de 12 píxeleslt;/MARQUEEgt;
ANCHO: se utiliza para establecer el ancho de los subtítulos. El ancho se puede expresar en píxeles o como porcentaje de lo visible. página. Esta propiedad no es obligatoria.
Ejemplo:
lt;MARQUEE WIDTH="90"gt;El ancho de los subtítulos rodantes es 90lt;/MARQUEEgt;
lt;MARQUEE WIDTH= "200"gt;El ancho de los subtítulos rodantes es 200 píxeleslt;/MARQUEEgt;
HSPACE: se utiliza para establecer el espacio en blanco a izquierda y derecha de los subtítulos rodantes, y el espacio en blanco se expresa en píxeles. Esta propiedad no es obligatoria.
Ejemplo:
lt; MARQUEE HSPACE="15"gt; Los espacios en blanco izquierdo y derecho de los subtítulos desplazables son 15 píxeleslt;/MARQUEEgt;
VSPACE: uso Para configurar el espacio en blanco encima y debajo de los subtítulos en desplazamiento, el espacio en blanco se expresa en píxeles. Esta propiedad no es obligatoria.
Ejemplo:
lt; MARQUEE VSPACE="2"gt; El espacio en blanco encima y debajo de los subtítulos móviles es de 2 píxeleslt;/MARQUEEgt;
LOOP : Se utiliza para configurar el número de subtítulos que se desplazan. Cuando el valor de LOOP es "INFINITO" o "-1", el texto se desplazará indefinidamente. Esta propiedad no es obligatoria.
Ejemplo:
lt;MARQUEE LOOP="-1"gt;El texto se desplaza innumerables veceslt;/MARQUEEgt;
lt;MARQUEE LOOP="5 "gt; El texto se desplaza 5 veceslt; /MARQUEEgt;
SCROLLAMOUNT: se utiliza para establecer el intervalo detrás de cada texto de desplazamiento continuo, el intervalo se expresa en píxeles. Esta propiedad no es obligatoria.
Ejemplo:
lt;MARQUEE SCROLLAMOUNT="10"gt;El espacio detrás de este texto es de 10 píxeleslt;/MARQUEEgt;
SCROLLDELAY: Usar Establece el Tiempo entre operaciones de desplazamiento en milisegundos. Esta propiedad no es obligatoria.
Ejemplo:
lt;MARQUEE SCROLLDELAY="5"gt;El intervalo entre dos desplazamientos de este texto es de 5 milisegundoslt;/MARQUEEgt;
ONMOUSEOUT= this.start(): Se usa para configurar el mouse para que continúe desplazándose cuando se mueve fuera del área
ONMOUSEOVER=this.stop(): Se usa para configurar el mouse para que deje de desplazarse cuando el mouse se mueve hacia el área zona
------------------------------------------ ---------------------- ------------
lt;TABLE height=393 cellSpacing=0 cellPadding=0 ancho=524 align=center bgColor=#d1f6db border=0gt;lt;FONT size= 4gt;lt;FONT color=#990033gt;lt;/FONTgt;lt;/FONTgt;
lt ;TBODYgt;
lt;TRgt;lt;Tamaño de FONT=4gt;lt ;Color de FONT=#990033gt;lt;/FONTgt;lt;/FONTgt;
lt;Estilo TD ="BORDE-DERECHA: 2px sólido; PADDING-RIGHT: 1px; BORDER-TOP: 2px sólido; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; BORDER-LEFT: 2px sólido; LINE-HEIGHT: 20px; PADDING-TOP : 1px; BORDE-INFERIOR: 2px sólido" borderColor=#99ccff bgColor=#000000 colSpan=2 altura =393gt;
lt;P style="MARGIN-TOP: -5px; 5px; ALTURA DE LÍNEA: 100"gt;
lt;MARQUEE scrollDelay= 100 dirección=altura arriba=393gt;lt;IMG src="/UploadFiles/200506/DPic/20050601091756252.jpg"gt;lt ;IMG src="/UploadFiles/200506/DPic/20050601091756538.jpg"gt;lt;IMG src="/UploadFiles/200506/DPic/20050601091756304.jpg"gt;IMG src="/UploadFiles/200506/DPic/ 20050601091756318.jpg"gt; lt;IMG src="/UploadFiles/200506/DPic/20050 601091756503.jpg "gt;lt;IMG src="/UploadFiles/200506/DPic/20050601091756827.jpg"gt;lt;IM Fuente G= "/UploadFiles/200506/DPic/20050601091756521.jpg"gt;lt;/MARQUEEgt;lt;/Pgt ;lt;PRE style="MARGIN-T
OP: 0px; MARGEN INFERIOR: 0px; ALTURA DE LÍNEA: 100"gt;lt;/FONTgt;lt;/PREgt;lt;/TDgt;lt;/TRgt;lt;/TBODYgt;lt;/TABLEgt; p>
--------------------------------------------- ---------------
Sintaxis básica
lt;marqueegt; ... lt;/marqueegt;
Configuración de atributos de movimiento de texto
Dirección
lt; direction=#gt; left, right lt; marquee direction=leftgt;
Método
lt; bihavior=#gt; #=desplazar, deslizar, alternativo lt;marquee conductual=scrollgt;¡Dar vueltas y vueltas lt;/marqueegt;
lt;marquee conductual=slidegt;¡Solo camina una vez y luego detente!lt;/marqueegt;
lt;marquee conductual=alternategt;Ir y venirlt;/marqueegt;
Bucle
lt; loop=#gt; #=número de veces; si no se especifica, el bucle será infinito (infinito) lt; marquee loop=3 width=50 conduct=scrollgt; /p>
3 viajeslt;/marqueegt;
lt;marquee loop=3 width=50 conductual=slidegt;Solo 3 viajeslt;/marqueegt;
lt;marquee loop =3 ancho=50 comportamiento=alternategt; ¡Solo 3 viajes! /marqueegt;
Velocidad
lt; scrollamount=#gt; ¡Estoy caminando muy rápido! lt;/marqueegt;
Delay
lt; scrolldelay=#gt; marquee scrolldelay=500 scrollamount=100gt; ¡Un paso y para!
lt;/marqueegt;
Configuración de apariencia (diseño)
Alineación (Alinear)
lt; align=#gt; =arriba, medio, abajo lt; tamaño de fuente=6gt;
lt; marquee align=# width=400gt; lt;/marqueegt;
lt;/fontgt;
Color de fondo
lt; bgcolor=#gt; #=rrggbb número hexadecimal, o el siguiente predefinido colores:
Negro, Oliva, Verde azulado, Rojo, Azul, Granate, Azul marino, Gris, Lima,
Fucsia, Blanco, Verde, Morado, Plata, Amarillo, Aq
ua lt;marquesina bgcolor=aaaaeegt;color! lt;/marqueegt;
Área
lt; height=# width=#gt;marquee height=40 width=50 bgcolor=aaeeaagt;Área! lt;/marqueegt;
En blanco
(Márgenes)lt;hspace=# vspace=#gt;
lt;marquee hspace=20 vspace=20 ancho =150 bgcolor=ffaaaa align=middlegt;Área! lt;/marqueegt;
lt;marquee direction=upgt;¡Estoy subiendo! lt;/marqueegt;
lt;marquee direction=downgt;Bajé de nuevolt;/marqueegt;
Añadir un desplazamiento circular sin interrupciones
lt;htmlgt;
lt;headgt;
lt;/headgt;
lt;bodygt;
lt;TD ANCHO=390 ALTO=99gt ;lt;MARQUEE scrollAmount=4 scrollDelay=0 loop=1 ancho=390 alto=99gt;
lt;SCRIPT language=JavaScriptgt;
for(t =1;tlt;= 1000;t)
document.write("1111111111111222222222222222223333333333333")
lt;/SCRIPTgt;
lt;/MARQUEEgt;lt ;/TDgt; p>
lt;/bodygt;
lt;/htmlgt;
Otra forma de lograr un desplazamiento circular fluido
lt;div style=overflow: oculto;alto:100px ancho:100pxgt;
lt;div href="#" target="_blank"gt;lt;img src="/bbs/ icon/nudeangel.gif"
ancho="80" alto="80"
border="0"gt;lt;/agt;
lt ;a href="#" target=" _blank"gt;lt;img src="/bbs/icon/nudeangel.gif"
width="80" height="80"
border="0"gt; lt;/agt;
lt;a href="#" target="_blank"gt;lt;img src="/bbs/icon/nudeangel. gif"
ancho ="80" height="80"
border="0"gt;lt;/agt;
lt;a href= "#" target="_blank"gt; lt;img src="/bbs/icon/nudeangel.gif"
ancho="80" alto
ht="80"
border="0"gt;lt;/agt;
lt;a href="#" target="_blank"gt;nudeangel_2lt;/agt ;
lt;a href="#" target="_blank"gt;nudeangel_3lt;/agt;
lt;a href="#" target="_blank"gt; nudeangel_4lt;/agt;
lt;a href="#" target="_blank"gt;nudeangel_5lt;/agt;
lt;a href="#" target=" _blank"gt;inudeangel_6lt;/agt;
lt;a href="#" target="_blank"gt;nudeangel_7lt;/agt;
lt;/divgt; p> p>
lt;div t=demo.scrollTop
demo2.innerHTML=demo1.innerHTML
función nudeangelMarquee(){
if( demo2. offsetTop-demo.scrollToplt;=0)
demo.scrollTop-=demo1.offsetHeight
else
demo.scrollTop
}
var repetir=setInterval(nudeangelMarquee, 50);
demo.onmouseover=function() {clearInterval(repeat);}
demo.onmouseout =función () {repetir=setInterval(nudeangelMarquee, 50);}
---------------------- ---- --------------------------
lt;marqueegt;lt;bihavior=#gt #=; desplazarse, deslizarse, alternar