1. Añadir a favoritos
código HTML
<idioma de script="Javascript">
función marcador()
{
window.external.addFavorite('<a href="http://" target="_blank" rel="external">http://</a>tu URL','nombre de tu sitio web')
}
if (document.all)document.write('<a href="#" onClick="bookmarkit()">Agregar a favoritos</a>')
</script>
[Ctrl+A Seleccionar todos los consejos: primero puede modificar parte del código y luego presionar Ejecutar]
2. Hacer que los hipervínculos no muestren
código HTML
subrayado
<tipo de estilo="texto/css">
<!-
a: enlace {decoración de texto: ninguno}
a:hover{texto-decoración:ninguno}
a:visitado{text-decoration:none}
->
</estilo>
[Ctrl+A Seleccionar todos los consejos: primero puede modificar parte del código y luego presionar Ejecutar]
3.
Código HTMLque desactiva la acción del botón derecho del ratón
<script Language = "Javascript">
función clic() { if (event.button==2||event.button==3)
{
alert('Desactivar el botón derecho del mouse');
}
document.onmousedown=hacer clic // -->
</script>
[Ctrl+A Seleccionar todos los consejos: primero puede modificar parte del código y luego presionar Ejecutar]
4. Establezca esta página como página de inicio
Código HTML <body bgcolor="#FFFFFF" text="#000000">
<!-- Su URL:<a href=" http://www.code-123.com/wlbc/asp/list_1.html --" target="_blank" rel="external">http:// www .code-123.com/wlbc/asp/list_1.html--</a>>
<a estilo="cursor:mano" HREF
onClick="this.style.behavior='url(#default#homepage)';
this.setHomePage('nombre de su sitio web);"><font color="000000" size="2" face="宋体">Establecer como página de inicio</font></a>
</body> </TEXTAREA><br/><INPUT onclick="runEx('temp99357')" type="button" class="userbutton" value="Ejecutar este código"/> <INPUT onclick="doCopy( 'temp99357')" type="button" class="userbutton" value="Copiar este código"/> <INPUT onclick="saveCode('temp99357')" type="button" class="userbutton" value="Guardar Este código">[Ctrl+A selecciona todos los consejos: primero puedes modificar parte del código y luego presionar ejecutar]</div></div><br/>><br/>5. Deje que el texto se desplace <br/><br/><div class="UBBPanel"><EM onClick="copycode(code86103);">Copiar contenido al portapapeles</EM><H5> <img src= "images/code.gif" style="margin:0px 2px -3px 0px;border:0" alt="Código de programa"/>Código de programa</H5><div class="UBBContent" id=code86103 > <MARQUEE> ;Desplazar texto</MARQUEE> </div></div> <br/>><br/>6. Registre y muestre la hora de la última modificación de la página web <br/>><br/><div class="UBBPanel"><EM onClick="copycode(code77817);">Copiar contenido al portapapeles</EM> < H5><img src="images/code.gif" style="margin:0px 2px -3px 0px;border:0" alt="Código de programa"/>Código de programa</H5><div class="UBBContent" id =code77817> <script language=Javascript> <br/> document.write("Última actualización: " + document.lastModified + "") <br /> </script> </div></div> <br/>><br/>7. Cerrar la ventana actual <br/><br/><div class="UBBPanel"><EM onClick="copycode(code55791);">Copiar contenido al portapapeles</EM><H5><img src = "images/code.gif" style="margin:0px 2px -3px 0px;border:0" alt="Código de programa"/>Código de programa</H5><div class="UBBContent" id=code55791>< href="/"onClick="javascript:window.close();return false;">Cerrar ventana</a> </div></div><br/><br/> 8. Cierre la página actual después de 5 segundos <br/><br/><div class="UBBPanel"><div class="UBBTitle"><img src="images/html.gif" style=" margin: 0px 2px -3px 0px">Código HTML</div><div class="UBBContent"><TEXTAREA rows="8" id="temp66245"><script language="Javascript">
<!--
setTimeout('ventana.close();',5000);
-->
</script>
[Ctrl+A Todos los consejos de selección: primero puede modificar parte del código y luego hacer clic en Ejecutar]
el código HTML
de la página web especificada después de 2 segundos
<cabeza>
<meta http-equiv="refresh" content="2;URL=http://tu URL">
</cabeza>
[Ctrl+A Seleccionar todos los consejos: primero puede modificar parte del código y luego presionar Ejecutar]
10.
Código HTML
de cuenta regresiva de vacaciones
<idioma de script="Javascript">
var timedate= nueva fecha("25 de diciembre de 2003");
var veces="Navidad";
var ahora = nueva fecha();
var fecha = horafecha.getTime() - ahora.getTime();
var tiempo = Math.floor(fecha / (1000 * 60 * 60 * 24));
si (tiempo >= 0)
document.write("Ahora hay: "+hora +"días" de "+veces+")</script>
[Ctrl+A Seleccionar todos los consejos: primero puede modificar parte del código y luego presionar Ejecutar]
11.
Código HTML
con efecto de reflejo de agua
<img id="reflect" src="Tu propio nombre de archivo de imagen" width="175" height="59">
<lenguaje de escritura="Javascript">
función f1()
{
setInterval("mdiv.filters.wave.phase+=10",100);
}
si(documento.todo)
{
document.write('<img id=mdiv src="'+document.all.reflect.src+'"
estilo="filtro:onda(fuerza=3,freq=3,fase=0,fuerza de luz=30) desenfoque() flipv()">')
ventana.onload=f1
}
</script>
[Ctrl+A Seleccionar todos los consejos: primero puede modificar parte del código y luego presionar Ejecutar]
12.
Código HTML
de ventana de crecimiento lento
<idioma de script="Javascript">
<!--
var altura de ventana = 100
var ancho de ventana = 100
varnumx=5
función abrir ventana (la ubicación) {
temploc=laubicación
si
(!(ventana.resizeTo&&document.all)&&!(ventana.resizeTo&&document.getElementById))
{
ventana.abierta(laubicación)
devolver
}
tamaño de ventana=ventana.abierta("","","barras de desplazamiento")
tamaño de ventana.moveTo(0,0)
tamaño de ventana.resizeTo(100,100)
tenumxt()
}
función tenumxt(){
si (altura de Windows>=pantalla.availHeight-3)
número=0
tamaño de ventana.resizeBy(5,numx)
altura de la ventana+=5
Ancho de ventana+=5
si (ancho de Windows>=pantalla.ancho-5)
{
tamaño de ventana.ubicación=temploc
altura de la ventana = 100
Ancho de ventana=100
número=5
devolver
}
setTimeout("tenumxt()",50)
}
//-->
</script>
<p> <a href="javascript:openwindow(<a href=" http://www.code-123.com " target="_blank" rel="external"> http://www.code-123. es</a>)">Entrar</a>
[Ctrl+A Seleccionar todos los consejos: primero puede modificar parte del código y luego presionar Ejecutar]
13. Para cambiar el ícono de IE en la barra de direcciones de IE
y copiar el contenido al portapapeles, primero debemos crear un ícono de 16 * 16 (archivo de ícono) y guardarlo como index.ico. Cargue este archivo de icono en el directorio raíz y agregue el siguiente código entre <head></head> en la página de inicio:
<link REL = "Shortcut Icon" href="index.ico">
14. Haga clic en el botón para imprimir
el código HTML
de la página actual
<idioma de script="Javascript">
<!-- Empezar
si (ventana.imprimir) {
documento.write('<formulario>'
+ '<tipo de entrada=nombre del botón=imprimir valor="Imprimir esta página" '
+ 'onClick="javascript:window.print()"></form>');
}
// Fin -->
</script>
[Ctrl+A Seleccionar todos los consejos: primero puede modificar parte del código y luego presionar Ejecutar]
15. Haga clic en el botón 'Guardar como'
código HTML
de la página actual
<input type="botón" nombre="Botón" valor="Guardar esta página"
onClick="document.all.button.ExecWB(4,1)">
<objeto id="botón"
ancho=0
altura=0
classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2">
<embed ancho="0" alto="0"></embed>
</objeto>
[Ctrl+A Seleccionar todos los consejos: primero puede modificar parte del código y luego presionar Ejecutar]
16. Mostrar el
código HTML
de la fecha actual del sistema
<lenguaje de escritura=Javascript>
hoy=nueva fecha();
fecha de función(){
this.length=fecha.argumentos.length
para(var i=0;i<this.length;i++)
esto[i+1]=fecha.argumentos }
var d=nueva fecha("Domingo","Lunes","Martes","Miércoles","Jueves","Viernes","Sábado");
documento.escribir(
"<font color=##000000 style='font-size:9pt;font-family: 宋体'>",
today.getYear(),"año",today.getMonth()+1,"mes",today.getDate(),"día",
d[today.getDay()+1],"</font>" );
</script>
[Ctrl+A Seleccionar todos los consejos: primero puede modificar parte del código y luego presionar Ejecutar]
17. Mostrar diferentes
códigos HTML
de saludo en diferentes períodos de tiempo
<idioma de script="Javascript">
<!--
var texto=""; día = nueva Fecha( ); hora = día.getHours( );
si (( tiempo>=0) && (tiempo < 7 ))
text="¡Noctámbulos, por favor presten atención a su salud! "
si (( tiempo >= 7 ) && (tiempo < 12))
text="El clima de hoy... jajaja, ¿no quieres ir a jugar?"
si (( tiempo >= 12) && (tiempo < 14))
text="Es la hora del almuerzo, mi amigo no debe estar acostumbrado a tomar siestas, ¿verdad?"
if (( tiempo >=14) && (tiempo < 18))
text="Es hora del té de la tarde, ¡descansemos!"
si ((tiempo >= 18) && (tiempo <= 22))
text="Estás aquí otra vez, ¡no hables con MM por mucho tiempo!"
si ((hora >= 22) && (hora < 24))
text="Es muy tarde, ¡asegúrate de descansar un poco!"
documento.escribir(texto)
//--->
</script>
[Ctrl+A Todos los consejos de selección: puede modificar algunos códigos primero y luego presionar ejecutar]
18.
Código HTML
de música sin parar
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transicional//EN" "<a href=" http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd " target= "_blank" rel="external">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd</a>">
<html xmlns="<a href=" http://www.w3.org/1999/xhtml " target="_blank" rel="external">http://www.w3.org/1999/xhtml</ un>">
<cabeza>
<meta http-equiv="Tipo de contenido" content="text/html; charset=utf-8" />
<título>Documento sin título</título>
</cabeza>
<cuerpo>
<p>
<entrada nombre="src" tipo="archivo" id="src" valor="E:music2fighter.mp3" />
</p>
<p>
<tipo de entrada="botón" nombre="botón" id="botón" valor="Reproducir" onclick="reproducir(document.getElementById('src').value)" />
<tipo de entrada="botón" nombre="botón2" id="botón2" valor="Detener" onclick="detener()" />
<tipo de entrada="botón" nombre="botón2" id="botón2" valor="Pausa" onclick="pausa()" />
</p>
</cuerpo>
</html>
<guión>
var reproductor = nuevo ActiveXObject("MediaPlayer.MediaPlayer");
función reproducir(pSrc){
si(pSrc == ""){
alert("¡Seleccione la música que desea reproducir!");
devolver ;
}
jugador.Open(pSrc);
}
parada de función(){
jugador.Stop();
}
función pausa(){
jugador.Pausa();
}
</script>
[Ctrl+A Todos los consejos de selección: primero puede modificar parte del código y luego presionar Ejecutar]
19. El efecto de desplazamiento continuo de imágenes hacia arriba, abajo, izquierda y derecha (compatible con Firefox e IE)
Código HTML
<html xmlns="<a href=" http://www.w3.org/1999/xhtml " target="_blank" rel="external">http://www.w3.org/1999/xhtml</ un>">
<cabeza>
<meta http-equiv="Tipo de contenido" content="text/html; charset=gb2312" />
<title>El efecto de desplazar imágenes sin problemas hacia arriba, abajo, izquierda y derecha (compatible con Firefox e IE)</title>
</cabeza>
<cuerpo>
<!--El siguiente es el código de desplazamiento-->
<div id=jsweb8_cn_top estilo=desbordamiento:oculto;alto:100;ancho:90;>
<divid=jsweb8_cn_top1>
<img src="<a href= " <img src="<a href=" <img src="<a href=" <img src="<a href=" <img src="<a href=" <img src="<a href=" <img src=" <a href=" <img src="<a href=" <img src="<a href=" </div>
<div id=jsweb8_cn_top2></div>
</div>
<guión>
velocidad var=30
jsweb8_cn_top2.innerHTML=jsweb8_cn_top1.innerHTML //Clonar jsweb8_cn_top1 como jsweb8_cn_top2
función Marquesina1(){
//Al desplazarnos hasta el cruce de jsweb8_cn_top1 y jsweb8_cn_top2
si(jsweb8_cn_top2.offsetTop-jsweb8_cn_top.scrollTop<=0)
jsweb8_cn_top.scrollTop-=jsweb8_cn_top1.offsetHeight //jsweb8_cn_top salta a la cima
demás{
jsweb8_cn_top.scrollTop++;
}
}
var MyMar1=setInterval(Marquee1,velocidad)//Establecer temporizador
//Borra el temporizador cuando el mouse se mueve hacia arriba para detener el desplazamiento
jsweb8_cn_top.onmouseover=función() {clearInterval(MyMar1)}
//Restablece el cronómetro cuando se aleja el mouse
jsweb8_cn_top.onmouseout=función(){MyMar1=setInterval(Marquee1,velocidad)}
</script>
<!--Fin del código de desplazamiento hacia arriba-->
<br>
<!--El siguiente es el código de desplazamiento-->
<div id=jsweb8_cn_bottom estilo=desbordamiento:oculto;alto:100;ancho:90;>
<divid=jsweb8_cn_bottom1>
<img src="<a href= " <img src="<a href=" <img src="<a href=" <img src="<a href=" <img src="<a href=" <img src="<a href=" <img src=" <a href=" <img src="<a href=" <img src="<a href=" </div>
<div id=jsweb8_cn_bottom2></div>
</div>
<guión>
velocidad var=30
jsweb8_cn_bottom2.innerHTML=jsweb8_cn_bottom1.innerHTML
jsweb8_cn_bottom.scrollTop=jsweb8_cn_bottom.scrollHeight
función marquesina2(){
si(jsweb8_cn_bottom1.offsetTop-jsweb8_cn_bottom.scrollTop>=0)
jsweb8_cn_bottom.scrollTop+=jsweb8_cn_bottom2.offsetHeight
demás{
jsweb8_cn_bottom.scrollTop--
}
}
var MyMar2=setInterval(Marquesina2,velocidad)
jsweb8_cn_bottom.onmouseover=función() {clearInterval(MyMar2)}
jsweb8_cn_bottom.onmouseout=función() {MyMar2=setInterval(Marquee2,velocidad)}
</script>
<!--Desplácese hacia abajo hasta el final del código-->
<br>
<!--El siguiente es el código para desplazarse hacia la izquierda-->
<div id="jsweb8_cn_left" style="overflow:hidden;width:500px;">
<table cellpadding="0" cellspace="0" border="0">
<tr><td id="jsweb8_cn_left1" valign="top" align="center">
<table cellpadding="2" cellspace="0" border="0">
<tr align="centro">
<td><img src="<a href=" <td><img src="<a href=" <td><img src="<a href=" <td><img src="<a href =" <td><img src="<a href=" <td><img src="<a href=" <td><img src="<a href=" </tr>
</tabla>
</td>
<td id="jsweb8_cn_left2" valign="arriba"></td>
</tr>
</tabla>
</div>
<guión>
var speed=30//Cuanto mayor sea el valor de velocidad, más lenta será la velocidad
jsweb8_cn_left2.innerHTML=jsweb8_cn_left1.innerHTML
función marquesina3(){
if(jsweb8_cn_left2.offsetWidth-jsweb8_cn_left.scrollLeft<=0)
jsweb8_cn_left.scrollLeft-=jsweb8_cn_left1.offsetWidth
demás{
jsweb8_cn_left.scrollLeft++
}
}
var MyMar3=setInterval(Marquee3,velocidad)
jsweb8_cn_left.onmouseover=función() {clearInterval(MyMar3)}
jsweb8_cn_left.onmouseout=función() {MyMar3=setInterval(Marquee3,velocidad)}
</script>
<!--Fin del código de desplazamiento hacia la izquierda-->
<br>
<!--El siguiente es el código para desplazarse hacia la derecha-->
<div id="jsweb8_cn_right" style="overflow:hidden;width:500px;">
<table cellpadding="0" cellspace="0" border="0">
<tr><td id="jsweb8_cn_right1" valign="top" align="center">
<table cellpadding="2" cellspace="0" border="0">
<tr align="centro">
<td><img src="<a href=" <td><img src="<a href=" <td><img src="<a href=" <td><img src="<a href =" <td><img src="<a href=" </tr>
</tabla>
</td>
<td id="jsweb8_cn_right2" valign="arriba"></td>
</tr>
</tabla>
</div>
<guión>
var speed=30//Cuanto mayor sea el valor de velocidad, más lenta será la velocidad
jsweb8_cn_right2.innerHTML=jsweb8_cn_right1.innerHTML
función marquesina4(){
si(jsweb8_cn_right.scrollLeft<=0)
jsweb8_cn_right.scrollLeft+=jsweb8_cn_right2.offsetWidth
demás{
jsweb8_cn_right.scrollLeft--
}
}
var MyMar4=setInterval(Marquee4,velocidad)
jsweb8_cn_right.onmouseover=función() {clearInterval(MyMar4)}
jsweb8_cn_right.onmouseout=función() {MyMar4=setInterval(Marquee4,velocidad)}
</script>
<!--Fin del código de desplazamiento hacia la derecha-->
</body>
</html>
[Ctrl+A Todos los consejos de selección: primero puede modificar parte del código y luego hacer clic en Ejecutar]
20. Desplace continuamente
el código HTML
hacia la izquierda
<div id=estilo de demostración=desbordamiento:hidden;alto:139;ancho:232;fondo:#f4f4f4;color:#ffffff><table align=left cellpadding=0 cellspace=0 border=0><tr><td id =demostración1 valign=arriba><img src="<a href=" <script>
velocidad var=30
demo2.innerHTML=demo1.innerHTML
función marquesina(){
if(demo2.offsetWidth-demo.scrollLeft<=0)
demo.scrollLeft-=demo1.offsetWidth
demás{
demo.scrollLeft++
}
}
var MyMar=setInterval(Marquesina,velocidad)
demo.onmouseover=función() {clearInterval(MyMar)}
demo.onmouseout=función() {MyMar=setInterval(Marquesina,velocidad)}
</script>
[Ctrl+A Seleccionar todos los consejos: primero puede modificar parte del código y luego presionar Ejecutar]
21. Desplace
el código HTML
hacia la derecha sin interrupción
<div id=estilo de demostración=desbordamiento:hidden;alto:139;ancho:232;fondo:#f4f4f4;color:#ffffff><table align=left cellpadding=0 cellspace=0 border=0><tr><td id =demostración1 valign=arriba><img src="<a href=" <script>
velocidad var=30
demo2.innerHTML=demo1.innerHTML
demo.scrollLeft=demo.scrollWidth
función marquesina(){
si (demo.scrollLeft<=0)
demo.scrollLeft+=demo2.offsetWidth
demás{
demo.scrollLeft--
}
}
var MyMar=setInterval(Marquesina,velocidad)
demo.onmouseover=función() {clearInterval(MyMar)}
demo.onmouseout=función() {MyMar=setInterval(Marquesina,velocidad)}
</script>
[Ctrl+A Seleccionar todos los consejos: primero puede modificar parte del código y luego presionar Ejecutar]
El código de desplazamiento continuo o ininterrumpido (varios métodos de desplazamiento) es compatible con IE y FireFox Opera Maxthon y el código de desplazamiento a intervalos de otros navegadores
de izquierda a derecha Método 1:
código HTML
<div id=estilo de demostración="DESBORDAMIENTO: oculto; ANCHO: 980px; alto: 80px;alinear: centro">
<table cellspace="0" cellpadding="0" align="centro"
borde="0">
<tcuerpo>
<tr>
<td id="marquePic1" valign="arriba">
<table width="980" height="80" border="0" cellpadding="0" cellspace="0">
<tr>
<td width="148" height="60" bgcolor="#F2F6FB"><a href="#" target="_blank"><img src="/img/bottom_ad01.gif" border="0"> </a></td>
<td width="148" height="60" bgcolor="#F2F6FB"><a href="#" target="_blank"><img src="/img/bottom_ad02.gif" border="0"> </a></td>
<td width="148" height="60" bgcolor="#F2F6FB"><a href="#" target="_blank"><img src="/img/bottom_ad03.gif" border="0"> </a></td>
<td width="148" height="60" bgcolor="#F2F6FB"><a href="#" target="_blank"><img src="/img/bottom_ad04.gif" border="0"> </a></td>
<td width="148" height="60" bgcolor="#F2F6FB"><a href="#" target="_blank"><img src="/img/bottom_ad05.gif" border="0"> </a></td>
<td width="148" height="60" bgcolor="#F2F6FB"><a href="/info/about.asp?id=4" target="_blank"><img src="/img/bottom_ad06 .gif" borde="0"></a></td>
</tr>
</tabla>
</td>
<td id="marquePic2" valign="arriba"></td>
</tr>
</tbody>
</tabla>
</div>
<tipo de script=texto/javascript>
var speed=80 <!--Cuanto mayor sea el valor, más lenta será la velocidad-->
marquePic2.innerHTML=marquePic1.innerHTML
función marquesina(){
if(demo.scrollLeft>=marquePic1.scrollWidth){
demostración.scrollLeft=0
}demás{
demo.scrollLeft++
}}
var MyMar=setInterval(Marquesina,velocidad)
demo.onmouseover=función() {clearInterval(MyMar)}
demo.onmouseout=función() {MyMar=setInterval(Marquesina,velocidad)}
</script>
[Ctrl+A Seleccionar todos los consejos: primero puede modificar parte del código y luego presionar Ejecutar]
Método 1 de abajo hacia arriba:
código HTML
<table width="100%" border="0" cellspace="2" cellpadding="2">
<tr> <td align="center"> <table width="150" border="0" align="center" cellpadding="0" cellspace="0">
<tr>
<td width="194" style="padding-top:8px" valign="top">
<DIV id=rolllinkk style="DESBORDAMIENTO: oculto; ANCHO: 145px; ALTO: 200px">
<DIV id=rolllinkk1>
<!--El siguiente es el contenido que desea mostrar-->
<table width="100%" border="0" cellpacing="2" cellpadding="2">
<tr> <td align="center">El mejor medio de transporte</td> </tr>
<tr > <td align="center">El mejor medio de transporte</td> </tr>
<tr> <td align="center">El mejor medio de transporte</td> </tr>
<tr> < td align= "center">El mejor medio de transporte</td> </tr>
<tr> <td align="center">El mejor medio de transporte</td> </tr>
<tr> <td align ="center">El mejor medio de transporte</td> </tr>
<tr> <td align="center">El mejor medio de transporte</td> </tr>
<tr> <td align=" center">El mejor medio de transporte </td> </tr>
<tr> <td align="center">El mejor medio de transporte</td> </tr>
<tr> <td align="center" >El mejor medio de transporte</td> </tr>
<tr> <td align="center">El mejor medio de transporte</td> </tr>
</table>
<!-- ¡Fin del contenido mostrado! -->
<DIV align=centro> </DIV> </DIV>
<DIV id=rolllinkk2>
<DIV align=center> </DIV> </DIV> </DIV>
<guión>
var velocidad de giro = 30
rolllinkk2.innerHTML=rolllinkk1.innerHTML //
función Marquesina1(){
if(rolllinkk2.offsetTop-rolllinkk.scrollTop <=0) //
rolllinkk.scrollTop-=rolllinkk1.offsetHeight //
demás{
rolllinkk.scrollTop++
}
}
var MyMar1=setInterval(Marquee1,rollspeed) //
rolllinkk.onmouseover=función() {clearInterval(MyMar1)}//
rolllinkk.onmouseout=función() {MyMar1=setInterval(Marquee1,rollspeed)}//
</SCRIPT>
</td>
</tr>
</tabla>
</td> </tr>
</table>
[Ctrl+A Todos los consejos de selección: primero puede modificar parte del código y luego presionar Ejecutar]
Desplazamiento continuo de varias líneas, botón de control
Código HTML
<script language="JavaScript" aplazar>
//qswh original y modificado por windy_sk < [email protected] > 20040120
función reportError(msj,url,linea) {
var str = "Ha encontrado un error como el siguiente: nn";
str += "Err: " + mensaje + " en línea: " + línea;
alerta(cadena);
devolver verdadero;
}
ventana.onerror = reportError;
var obj_marquee = document.getElementById("marquesina");
var repetir = nulo;
var marquee_spd = 50;
función marquesina_init() {
var obj_unit = obj_marquee.firstChild;
var marquee_high = parseInt(obj_marquee.style.height);
var marquee_wide = parseInt(obj_marquee.style.width);
var unit_high = obj_unit.offsetHeight;
var unit_wide = obj_unit.offsetWidth;
var metro = 0, norte = 0, yo = 0;
var tmp = nulo;
m = Math.ceil(marquee_wide / unit_wide);
n = Math.ceil(marquee_high / unit_high);
obj_unit.style.width = marquee_wide * (m+1);
obj_unit.rows[0].cells[0].style.width = obj_marquee.style.width;
for(i=0; i<m; i++) {
tmp = obj_unit.rows[0].insertCell(-1);
tmp.innerHTML = obj_unit.rows[0].celdas[0].innerHTML;
tmp.style.width = marquee_wide;
tmp = nulo;
}
para(i=0; i<n; i++) {
obj_marquee.appendChild(obj_unit.cloneNode(true));
}
devolver;
}
función marquee_show(dirección) {
cambiar(dirección) {
caso "arriba":
if(obj_marquee.scrollTop >= obj_marquee.children[1].offsetTop) {
obj_marquee.scrollTop -= obj_marquee.firstChild.offsetHeight;
} demás {
obj_marquee.scrollTop++;
}
romper;
caso "abajo":
if(obj_marquee.scrollTop <= 0) {
obj_marquee.scrollTop += obj_marquee.firstChild.offsetHeight;
} demás {
obj_marquee.scrollTop--;
}
romper;
caso "izquierda":
if(obj_marquee.scrollLeft >= obj_marquee.firstChild.rows[0].cells[0].offsetWidth) {
obj_marquee.scrollLeft -= obj_marquee.firstChild.rows[0].cells[0].offsetWidth;
} demás {
obj_marquee.scrollLeft++;
}
romper;
caso "derecho":
if(obj_marquee.scrollLeft <= 0) {
obj_marquee.scrollLeft += obj_marquee.firstChild.rows[0].cells[0].offsetWidth;
} demás {
obj_marquee.scrollLeft--;
}
romper;
por defecto:
romper;
}
devolver;
}
función marquesina_doit() {
var dirección = "";
dirección = obj_marquee.getAttribute("dirección");
if(dirección!= null) marquee_show(dirección);
dirección = obj_marquee.getAttribute("dirección2");
if(dirección!= null) marquee_show(dirección);
devolver;
}
marquesina_init();
repetir = setInterval("marquee_doit()",marquee_spd);
marquee.onmouseover = función() {clearInterval(repetir);}
marquee.onmouseout = function() {repeat=setInterval("marquee_doit()",marquee_spd);}
</script>
<table style="border:1px negro sólido;"><tr><td>
<div id="marquee" dirección="arriba" estilo="overflow:hidden;height:200px;width:250px">
<table style="border:0px;padding:0px;"><tr><td>
<!-- Cabeza del cuerpo de marquesina -->
<a href="#" target="_blank">Foro clásico</a><br>
<a href="#" target="_blank">163.com</a><br>
<a href="#" target="_blank">21cn.com</a><br>
<a href="#" target="_blank">Feliz año nuevo</a>
<!-- Parte inferior del cuerpo de marquesina -->
</td></tr></table>
</div>
</td></tr></table>
Dirección1:
<tipo de entrada="botón" valor=" ↑" onclick="obj_marquee.direction='arriba'">
<tipo de entrada="botón" valor="↓" onclick="obj_marquee.direction='abajo'">
<tipo de entrada="botón" valor="←" onclick="obj_marquee.direction='left'">
<tipo de entrada="botón" valor="→" onclick="obj_marquee.direction='right'">
<tipo de entrada="botón" valor=" X " onclick="obj_marquee.direction=''"> <br>
Dirección2:
<tipo de entrada="botón" valor=" ↑" onclick="obj_marquee.direction2='arriba'">
<tipo de entrada="botón" valor="↓" onclick="obj_marquee.direction2='abajo'">
<tipo de entrada="botón" valor="←" onclick="obj_marquee.direction2='izquierda'">
<tipo de entrada="botón" valor="→" onclick="obj_marquee.direction2='right'">
<tipo de entrada="botón" valor=" X " onclick="obj_marquee.direction2=''">
[Ctrl+A Seleccionar todos los consejos: primero puede modificar parte del código y luego presionar Ejecutar]