Botón Colorido:
¿Cansado del Botón siempre gris? Ahora con CSS podés CUALQUIER Definir Botones Con tus colores párr. Ellos combinarán Más con tu page y Son muy faciles de Crear.
Copia el código Que Sigue y Pegalo Dentro de la Etiqueta de Formulario de tu página:
<Input type = "submit" nombre = valor "botón" = "www.CheNico.com" style = "color: # 000000; background-color: # FF9900">
Texto Que Sigue al ratón:
Hace un Que CUALQUIERA texto síguenos al ratón del Visitante en tu page. Es Un efecto fabuloso y Fácil de INCLUIR en las Páginas
Incluye el siguiente código HTML en tu page:
<Style>
.animado language = JavaScript> var x, y var tempo = 10 var espera = 0
var texto = "www.CheNico.com"
texto = texto.split ("")
var xpos = new Array ()
for (i = 0; i <= texto.length-1; i ++) {
xpos [i] = - 50
}
var ypos = new Array ()
for (i = 0; i <= texto.length-1; i ++) {
ypos [i] = - 50
}
Seguir función (e) {
x = (document.layers)? e.pageX: document.body.scrollLeft + event.clientX
y = (document.layers)? e.pageY: document.body.scrollTop + event.clientY
espera = 1
}
animar_cursor function () {
si (== 1 && espera document.all) {
for (i = texto.length-1; i> = 1; yo--) {
xpos [i] = xpos [i-1] + tempo
ypos [i] = ypos [i-1]
}
xpos [0] = x + tempo
ypos [0] = y
for (i = 0; i <texto.length-1; i ++) {
var camada = eval ("span" + (i) + ". estilo")
camada.posLeft = xpos [i]
= camada.posTop ypos [i ]
}
}
else if (Espera == 1 && document.layers) {
for (i = texto.length-1; i> = 1; yo--) {
xpos [i] = xpos [i-1] + tempo
ypos [i] = ypos [i-1]
}
xpos [0] = x + tempo
ypos [0] = y
for (i = 0; i <texto.length-1; i ++) {
var camada = eval ("document.span" + i)
= camada.left xpos [i]
= camada.top ypos [i]
}
}
temporizador var = setTimeout ("animar_cursor ()", 30)
}
</ Script>
<script Language = JavaScript>
for (i = 0; i <= texto.length-1; i ++) {
document.write ("<span id =" lapso "+ i +" 'class =' animado '> ")
document.write (texto [i])
document.write ("</ span>")
}
if (document.layers) {
document.captureEvents (Event.MOUSEMOVE);
}
document.onmousemove = Seguir;
animar_cursor ()
</ script>
Imagen volando por la Pantalla:
Este efecto Hace Que any imagen Que Elijas Quede "paseando" por la Pantalla, SIENDO UN recurso excelente del tanto párr Llamar La atención por Alguna novedad en tu sitio Como párr Darle Más movimiento a pagina.
Copia y pega el siguiente código HTML en tu page.
Recordá la del que imagen Dębe Estar en El Mismo Directorio de tu page html.
<Script language = "JavaScript1.2">
var imagem = "ingresa el nombre del archivo de imagen aquí"
si (document.layers)
{document.write ("<CAPA DE NOMBRE = 'Animacao' IZQUIERDA = 10 TOP = 10> < img src = '"+ imagem +" "> </ CAPA>")}
else if (document.all) {document.write ("<div id = posición style = '' Animacao ': absolute; top: 10px; left: 10px; width: 17px; altura: 22px; z-index: 50 '> <img src =' "+ imagem +" "> </ div>")}
conta = -1;
mover = 1;
función de curva () {
abc = new Array (0,1,1,1,2,3,4,0,6, -1, -1, -1, -2, - 3, -4,0, -6)
for (i = 0; i <abc.length; i ++)
{var C = Math.round (Math.random () * [i])}
Iniciar = abc [C];
setTimeout ('curva ()', 1900);
volver Iniciar;
}
ypos = 10;
xpos = 10;
movimento = 60;
la función Mover () {
caminho = movimento + = Iniciar;
y = 4 * Math.sin (Caminho * Matemáticas. PI / 180);
x = 6 * Math.cos (Caminho * Math.PI / 180);
si si bordes () { si (document.layers) { si (document.animacao.left> = window.innerWidth-40 + window.pageXOffset) movimento = Math.round (Math.random () * 45 + 157.5); si (documento .animacao.top> = window.innerHeight-30 + window.pageYOffset) movimento = Math.round (Math.random () * 45 a 112,5); si (document.animacao.top <= 2 + window.pageYOffset) movimento = Math.round (Math.random () * 45 + 67.5);! // Aceptar si (document.animacao.left <= 2 + window.pageXOffset) movimento = Math.round (Math.random () * 45 a 22,5) ;! // Aceptar } else if (document.all) { si (document.all.animacao.style.pixelLeft> = (Document.all.animacao.style.pixelTop> = (Document.all.animacao.style.pixelTop <= 2 + document.body.scrollTop) movimento = Math.round (Math.random () * 45 + 67.5);! // Aceptar si (document.all.animacao.style .pixelLeft <= 2 + document.body.scrollLeft) movimento = Math.round (Math.random () * 45 a 22,5); // OK! } setTimeout ('bordes ()', 100); } la función efeito () { curva (); Mover (); // onunload = "opener.gO ()" (bordes); } si (document.all || document.layers) efeito () </ script>
Texto en expansión:
COLOCA EN TU page Mensajes animados Que Se agrandan Y Llaman la atencion de los Visitantes. : Además, INCLUYEN enlaces Hacia Donde vos quieras.
Copia el siguiente código y Pegalo en tus Páginas Debajo de la Etiqueta <cuerpo>.
<Script language = "JavaScript">
velocidade var = 45;
ciclo var = 2,000;
tamanho var = 20;
var x = 0;
var y = 0;
Mensagens var, tamaño;
edimensionar var = "</ font>";
initArray función () {
this.length = initArray.arguments.length;
for (var i = 0; i <this.length; i ++) {
esto [i] = initArray.arguments [i];
}
}
var mensagens2 = new initArray (
"visita",
"www.CheNico.com",
"webmaster@pauluk.8k.com"
);
si (navigator.appName == "Netscape")
document.write ('<capa id = "wds"> </ capa> <br> ');
si (navigator.appVersion.indexOf ("MSIE") = -1)!
document.write ('<span id = "wds"> </ span> <br>');
función Aumenta () {
Mensagens = mensagens2 [y];
si (x <tamanho) {
x ++;
setTimeout ("Aumenta ()", velocidade);
}
demás setTimeout ("Diminui ()", ciclo);
si (navigator.appName == "Netscape") {
size = "<font face = color = # 000099 arial punto size =" + x + "pt"> ";
document.wds.document.write (tamaño + "<center > <a href = http: //www.CheNico.com Target = _blank (Navigator.appVersion.indexOf ("MSIE") = -1) { wds.innerHTML = "<font face = color = # 000099 arial> <center> <a href = http: //www.CheNico.com Target = _blanco Diminui () { si (x> 1) { x--; setTimeout ("Diminui ()", velocidade); } else { setTimeout ("Aumenta ()", ciclo); y ++; si (y> mensagens2.length - 1) y = 0; } si (navigator.appName == "Netscape") { size = "<font face = color = # 000099 arial punto size =" + x + "pt"> "; document.wds.document .WRITE (tamaño + "<center> <a href = http: //www.CheNico.com Target = _blank (Navigator.appVersion.indexOf ("MSIE") = -1) { wds.innerHTML = "<font face = color = # 000099 arial> <center> <a href = http: //www.CheNico.com Target = _blanco