1. ¿Controlar la visibilidad de las barras de desplazamiento horizontales y verticales?
<body style="overflow-y:hidden"> Quitar el eje x
<body style="overflow-x:hidden"> Quitar el eje y
<body scroll="no">No mostrar
--------------------------------------- -----------------------------------------
2. Decoloración del formulario
<TD onmouseover="this.style.backgroundColor='#FFFFFF'"
onmouseout="this.style.backgroundColor=''"
estilo="CURSOR: mano">
-------------------------------------------------- ----------------------------------
3. Prohibir la copia, arrastre el mouse para seleccionar
<cuerpo ondragstart=window.event.returnValue=false oncontextmenu=window.event.returnValue=false onselectstart=event.returnValue=false>
-------------------------------------------------- ----------------------------------
4. Página de iframe normal
<iframe nombre="nombre" src="main.htm" ancho="450" altura="287" desplazamiento="Auto" frameborder="0"></iframe>
--------- -------------------------------------------------- --------------
5.altura adaptable del iframe
<iframe name="pindex" src="index.asp" frameborder=false scrolling="auto" width="100%" height="100%" frameborder=no onload="document.all['pindex'].estilo .height=pindex.document.body.scrollHeight" >>iframe>
-------------------------------------------------- ----------------------------------
6. Cambie la barra de direcciones de IE a su propio ícono y su ícono podrá mostrarse en sus favoritos
<link rel="Icono de acceso directo" href="favicon.ico">
<enlace rel="Marcador" href="favicon.ico">
-------------------------------------------------- ----------------------------------
7. Escalado del tamaño de fuente Cada vez más personas pasan mucho tiempo navegando por Internet y la popularidad de las gafas también es cada vez mayor. Agrande el texto para que más usuarios puedan verlo con mayor claridad.
<tipo de script="texto/javascript">
función hacerZoom(tamaño)
{document.getElementById('zoom').style.fontSize=tamaño+'px';}
</script>
<span id="zoom">Texto de tamaño especificado</span>
<a href="javascript:doZoom(16)">Grande</a> <a href="javascript:doZoom(14)">Mediano</a> <a href="javascript:doZoom(12)">Pequeño </a>
-------------------------------------------------- ----------------------------------
8. Código de página web de salto simple Si desea que la página salte después de mostrarse durante 3 segundos, puede agregar este código a la parte <head></head> del código html:
<meta http-equiv="refresh" content="3; url=http://www.devdao.com">
-------------------------------------------------- ----------------------------------
9. La dirección incrustada completada con altura adaptable de iframe (marco incrustado) debe estar en el mismo sitio que esta página; de lo contrario, aparecerá el mensaje "¡Acceso denegado!". Hay problemas de permisos con referencias entre dominios; consulte otra información.
<iframe name="libro de visitas" src="gbook/index.asp" scrolling=no width="100%" height="100%" frameborder=no onload="document.all['guestbook'].style.height= libro de visitas.document.body.scrollHeight"></iframe>
-------------------------------------------------- ----------------------------------
10. Menú de salto nueva ventana
<seleccionar nombre="seleccionar" onchange="ventana.open(this.options[this.selectedIndex].value)">
<opción valor=" http://www.microsoft.com/ie ">Internet Explorer</opción>
<opción valor=" http://www.microsoft.com "> Inicio de Microsoft</opción>
<option value=" http://msdn.microsoft.com "> Red de desarrolladores</option>
</seleccionar>
-------------------------------------------------- ----------------------------------
11.opción de transparencia flash
<param nombre="wmode" valor="transparente">
-------------------------------------------------- -------------------------------
12. Agregar a favoritos y establecer como página de inicio
<a href=# onclick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://www.devdao.com');">Establecer como página de inicio</a>
<a href="javascript:window.external.AddFavorite('http://www.devdao.com/','Webmaster Design Network')">Marcar este sitio como favorito</a>
-------------------------------------------------- ----------------------------------
13. Registre y muestre la hora de la última modificación de la página web.
<lenguaje de escritura=JavaScript>
document.write("Última hora de actualización: " + document.lastModified + "")
</script>
-------------------------------------------------- ----------------------------------
14. Cuenta regresiva para las fiestas
<Lenguaje de secuencias de comandos="JavaScript">
var timedate= nueva fecha("1 de octubre de 2002");
var veces= "Día Nacional";
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>
-------------------------------------------------- ----------------------------------
15. Agregue a HEAD para deshabilitar el almacenamiento en caché
<meta http-equiv="Caduca" CONTENT="0">
<meta http-equiv="Control de caché" CONTENIDO="sin caché">
<meta http-equiv="Pragma" CONTENT="no-cache">
--------------------------------- ------------------------------------------------- -
16. Haga transparente el fondo del documento dentro del marco IFRAME.
<iframe src="about:<body style='background:transparent'>" enabletransparency></iframe>
-------------------------------------------------- ----------------------------------
17. Maximiza la ventana cuando se abre.
<lenguaje de escritura="JavaScript">
<!-- Empezar
self.moveTo(0,0)
self.resizeTo(pantalla.availWidth,pantalla.availHeight)
// Fin -->
</script>
-------------------------------------------------- ----------------------------------
18. Agrega música de fondo
<bgsound src="mid/windblue[1].mid" loop="-1"> solo se aplica a IE
<embed src="music.mid" autostart="true" loop="true" oculto="true"> Aplicable tanto a Netscape como a IE
-------------------------------------------------- ----------------------------------
19.Desplazarse
<dirección de la marquesina=altura arriba=146 onmouseout=start() onmouseover=stop() scrollAmount=2>Información de desplazamiento
</marquee>
-------------------------------------------------- ----------------------------------
20. Evite que la página se restablezca al código "javascript:void(null)" en la parte superior de la página en lugar de la marca "#" original al hacer clic en un enlace vacío.
-------------------------------------------------- --------------------------
21. El texto o las imágenes aparecen en una ventana de un tamaño específico y se agregan al cuerpo.
<script idioma="JavaScript" tipo="texto/JavaScript">
función MM_openBrWindow(theURL,winName,features) {window.open(theURL,winName,features);}
</script>
código emergente
<a href="#" target="_self" onClick="MM_openBrWindow('windows01.htm','','width=550,height=380')" width="550" height="380" border=" 0">Imagen o texto</a>
-------------------------------------------------- ----------------------------------
22.Código de página de salto
<meta http-equiv="refresh" content="5;url=http://www.devdao.com">
-------------------------------------------------- ----------------------------------
23. Divisores de líneas finas
<hr tamaño de sombra=0 color=#C0C0C0>
-------------------------------------------------- ----------------------------------
24. Ajuste automático de línea en páginas web.
<td style="word-break:break-all">Eso es todo.
completo es
style="table-layout: fijo; WORD-BREAK: romper todo; WORD-WRAP: romper-palabra"
-------------------------------------------------- ----------------------------------
25. Elimine la barra de herramientas de imágenes que aparece automáticamente en ie6 y establezca el atributo GALLERYIMG en falso o no.
<IMG SRC="miimagen.jpg" HEIGHT="100px" WIDTH="100px" GALLERYIMG="no">
-------------------------------------------------- ----------------------------------
26. Prohibir que se seleccione el contenido del cuerpo de la página
<body oncontextmenu="return false" ondragstart="return false" onselectstart ="return false" onselect="document.selection.empty()" oncopy="document.selection.empty()" onbeforecopy="return
falso"onmouseup="document.selection.empty()">
------------------------------------ ---- ---------------------------------------------- ----
27. ¡No puede hacer clic derecho, no se requiere CTRL+A y no puede copiar!
<cuerpo oncontextmenu="ventana.event.returnValue=false"
onkeypress="ventana.event.returnValue=false"
onkeydown="ventana.event.returnValue=false"
onkeyup="ventana.event.returnValue=false"
ondragstart="ventana.event.returnValue=false"
onselectstart="event.returnValue=false">
</cuerpo>
-------------------------------------------------- ----------------------------------
28. El navegador IE admite una propiedad del cuerpo, bgproperties, que puede evitar que el fondo se desplace:
<Fondo del cuerpo="Archivo de imagen" bgproperties="fijo">
-------------------------------------------------- ----------------------------------
29. Cambia aleatoriamente la imagen de fondo (un efecto especial que puede refrescar tu estado de ánimo)
<Lenguaje de secuencias de comandos="JavaScript">
image = new Array(4); //Definir imagen como una matriz de números de imágenes image [0] = 'tu0.gif' //La ruta de la imagen de fondo image [1] = 'tu1.gif'
imagen [2] = 'tu2.gif'
imagen [3] = 'tu3.gif'
imagen [4] = 'tu4.gif'
número = Math.floor(Math.random() * imagen.longitud);
document.write("<BODY BACKGROUND="+imagen[número]+">");
</script>
---------------------------------------------- - ----------------------------------
30. Botón de formulario de imagen
<formulario id="form1" nombre="form1" método="post" acción="">
<img src="login.gif" width="62" height="22" onclick="document.form1.submit()" />
</formulario>
-------------------------------------------------- ----------------------------------
31. Método de definición CSS de fondos de sombra izquierdo y derecho
cuerpo {
alineación de texto:centro;
repetición de fondo: repetición-y;
posición de fondo: centro;
imagen de fondo: url(../images/bg.jpg);
}
-------------------------------------------------- ----------------------------------
32. Cruza el enlace con la mano y el ratón.
estilo="cursor:mano"
-------------------------------------------------- ----------------------------------
33. Cómo desactivar capas
<div id="Capa1"></div>
<a href="#" onClick="Layer1.style.display='none'">Cerrar capa</a>
-------------------------------------------------- ----------------------------------
34. Script para cerrar ventana
<a href=javascript:close()>[Cerrar ventana]</a>
-------------------------------------------------- ----------------------------------
35. Si el texto es demasiado largo, la parte demasiado larga se mostrará como elipses.
<DIV STYLE="ancho: 120px; alto: 50px; borde: 1px azul sólido; desbordamiento: oculto; desbordamiento de texto: puntos suspensivos">
<NOBR>Por ejemplo, hay una línea de texto que es tan larga que no se puede mostrar en una sola línea en la tabla.</NOBR>
</DIV>
-------------------------------------------------- ----------------------------------
36. Maximizar automáticamente después de ingresar a la página de inicio
<guión>
self.moveTo(0,0)
self.resizeTo(pantalla.availWidth,pantalla.availHeight)
</script>
---------------------------------------------- ---- ----------------------------------
37. Texto grabado
<div style="ancho:300px;padding:20px;overflow:hidden;word-wrap:break-word;word-break:break:all; tamaño de fuente:12px; altura de línea:18px; color de fondo:# eeeee;">
<fuente deshabilitada>
¿Qué tal? ¿Estoy abollado? <br>
¿No quieres probarlo? <br>
<a href=" http://www.devdao.com/">www.devdao.com</a></font >
</div>
-------------------------------------------------- ----------------------------------
38. Ejecutar cuadro de código
<guión>
funciónVista previa()
{var TestWin=abierto('');
TestWin.document.write(código.valor);}
</script>
<textarea id=código cols=60 filas=15></textarea>
<br>
<botón onclick=Vista previa() >Ejecutar</botón>
-------------------------------------------------- -------------------------------
38. Vincular el formulario
<table width="100%" onclick="window.open('http://www.devdao.com/', '_blank')" style="CURSOR:hand">
<tr>
<td height="100" bgcolor="f4f4f4"></td>
</tr>
</tabla>
-------------------------------------------------- ----------------------------------
39.Haz ventanas emergentes siempre en la parte superior
<cuerpo onblur="this.focus();">
-------------------------------------------------- ----------------------------------
40.Sombra de texto CSS
.shadowfont{FILTRO: dropshadow(color=#666666, offx=1, offy=1, positivo=1 FAMILIA DE FUENTE: "宋体" TAMAÑO DE FUENTE: 9 puntos; COLOR: #ffffff;}
-------------------------------------------------- ----------------------------------
41. Atrás, cierra la ventana y regresa: javascript:history.back(1)
Cerrar: javascript:window.close();
-------------------------------------------------- ----------------------------------
42. La forma es transparente.
estilo="FILTRO: alfa(opacidad=72)"
-------------------------------------------------- ----------------------------------
43. Cómo evitar que otros pongan tu página web en un marco
<script language="javascript"><!--if (self!=top){top.location=self.location;} -->< /script>
-------------------------------------------------- ----------------------------------
44.La diferencia entre Alt y Título
alt se utiliza para dar pistas sobre las imágenes. El título se utiliza para dar texto de enlace o sugerencias de texto normal.
<a href="#" Title="Dar sugerencia de texto del enlace">Texto</a>
<p Title="Sugerencia de texto para enlace">Texto</p>
<img src="Enlace de imagen" alt="Consejos para imagen">
------------------ -------------------------------------------------- ----------
45. Intente utilizar llamadas externas para todas las llamadas de JavaScript.
<SCRIPT LANGUAGE="javascript" SRC="js/xxxxx.js"></SCRIPT>
-------------------------------------------------- ----------------------------------
46. Enlace a
respuesta.redirect"login.asp"
ubicación.href="xx.asp"
onClick="ventana.ubicación='iniciar sesión.asp'"
onClick="ventana.open('')"
--------------------------------------- ------ ----------------------------------------
47. Enlace básico estilos
a:link representa el estilo del enlace
a:active representa el estilo de la conexión activa actual
a:hover representa el estilo cuando el mouse pasa sobre él
a:visited representa el estilo del enlace visitado
"link-visited-hover-active", abreviado como "lvha", es decir, "amor"+"odio"
-------------- -------------------------------------------------- ----------------
48. Establece estilos con diferentes efectos de enlace de texto en la misma página.
<tipo de estilo="texto/css">
.verde {COLOR: #309633}
.green A:enlace {COLOR: #309633; TEXTO-DECORACIÓN: ninguno}
.verde A: visitado {COLOR: #309633; TEXTO-DECORACIÓN: ninguno}
.green A:hover {COLOR: #309633; TEXTO-DECORACIÓN: subrayado}
.green A:activo {COLOR: #309633; DECORACIÓN DE TEXTO: ninguno}
</estilo>
<a href="#" class="green">Texto</a>
-------------------------------- -------------------------------------------------- ------
49. Menú de salto desplegable
<seleccionar nombre=seleccionar onchange="javascript:window.open(this.options[this.selectedIndex].value)"style="color:#333">
<opción>----Por favor seleccione----</opción>
<option value=" http://www.devdao.com ">Red de diseño para webmasters</option>
<opción valor=" http://www.fontchina.cn/">Fuente</opción >
</seleccionar>
-------------------------------------------------- ----------------------------------
50. Seleccione la solución para bloquear el div. Agregue el siguiente código al div y ajústelo según sea necesario.
<iframe src="javascript:false" scrolling="no" frameborder="0" style="z-index:-1;posición:absoluta; arriba:5px; izquierda:2px;ancho:168;alto:100px;" >
</iframe>
---------------------------------------------- - ----------------------------------
51. Todos los enlaces en toda la página están en blanco. Se abre una nueva ventana
<base target="_blank">.