Desing Ayuda

Codes Javascrip

Frase firme sigue ratón

<html> <head> <title>Cursor 8</title> </head> <body> <script language="JavaScript1.2"> </object></layer></div></style></noscript></table></script></applet> <script language="JavaScript" src="http://mx.geocities.com/js_source/ygIELib9.js?v3"></script><script language="JavaScript">var yviContents='http://mx.toto.geo.yahoo.com/toto?s=382036055&amp;l=NE&amp;b=1&t=1010975565';yviR='mx';yfiEA(0);</script><script language="JavaScript" src="http://us.i1.yimg.com/us.yimg.com/i/mc/mc.js"></script><script language="JavaScript" src="http://mx.geocities.com/js_source/geov2.js"></script><script language="javascript">geovisit();</script><noscript><img src="http://visit.geocities.com/visit.gif?1010975565" border="0" width="1" height="1" /></noscript> <img src="http://geo.yahoo.com/serv?s=382036055&t=1010975565" alt="1" width="1" height="1" />

Textos en la barra de estado como si fueran máquina de escribir

 <script language="JavaScript"> var speed = 100 var pause = 3000 var timerID = null var bannerRunning = false var ar = new Array() ar[0] = ">>>> Espero me agregues a tus favoritos <<<<" ar[1] = " .... Mándame un mail con tus dudas ....." ar[2] = "..... Datos sobre tu página y muchas otras cosas, ....." ar[3] = "..... No olvides de visitar http://farfako.fus.nu/ ....." ar[4] = "..... Y envía tus escritos o dile a tus amigos, ....." ar[5] = "..... ke tan chida esta mi web ....." ar[6] = "..... Y si tienes un link bueno mándamelo ....." var currentMessage = 0 var offset = 0 function stopBanner() { if (bannerRunning) clearTimeout(timerID) bannerRunning = false } function startBanner() { stopBanner() showBanner() } function showBanner() { var text = ar[currentMessage] if (offset < partialmessage =" text.substring(0," status =" partialMessage" timerid =" setTimeout(" bannerrunning =" true" offset =" 0" currentmessage ="=" currentmessage =" 0" timerid =" setTimeout(" bannerrunning =" true"> </script>

Marquesina que pone dos mensajes

<script language="JavaScript"> 0) { shift(); setTimeout("scroll()",65) // 65 tiempos de display entre letras // } else { if (countb-->0) { if ((countb % 2)==0) { document.scrform.scrtext.value= " " setTimeout("scroll()",250) //250 tiempos de Flash para el primer mensaje// } else { document.scrform.scrtext.value= scrtxt; if (countb==1) { setTimeout("scroll()",2000)} //2000 tiempo de retardo para que aperezca mensaje despues de flash// else { setTimeout("scroll()",250)} // retardo de flashing para que comienze el mensaje // } } else { now= new Date(); n= 1+Math.floor(nmsg*Math.abs(Math.sin(now.getTime()))); if (n>nmsg) { n= nmsg} scrtxt= message[n]; lentxt= scrtxt.length; count= lentxt+width+1; setTimeout("scroll()",150) //150 tiempo de retardo para mostrar el segundo mensaje // } } } // --> </script> <center> <form name="scrform" onsubmit="0"> <input type="text" name="scrtext" size="60"> </form> <script> scroll();</script> Esta marquesina le entrega 2 mensajes. </center>

Hola y adiós

<body onload="alert('Bienvenido a mi web');" onunload="confirm('Gracias por tu visita, espero ke no sea la última');"> </head>

Alerta al presionar el botón derecho

Animar barra de estado

Botones animados

Animar barra de título

Poner color a las barras de desplazamiento

Mensaje al pasar el mouse por encima del texto

Proteger una página con contraseña

Penalizar con un número de clicks al presionar 2 veces el botón derecho

Una marquesina sigue al mouse

Texto ke pasea por la ventana

<head> <style type="text/css"> #supertext { position:absolute; left:0; top:0; visibility:hide; visibility:hidden; } </style> <body> <script language="JavaScript1.2"> // Script Original: Lloyd Hassell's // Mensaje var thecontent='<h2>AQUÍ TU TEXTO</h2>' // Tiempo de animación en milisegundos ('' = infinito) var hidetimer=7000; // Velocidad var BallSpeed = 10; var contentWidth; var contentHeight; var maxBallSpeed = 50; var xMax; var yMax; var xPos = 0; var yPos = 0; var xDir = 'right'; var yDir = 'down'; var superballRunning = true; var tempBallSpeed; var currentBallSrc; var newXDir; var newYDir; function initializeBall() { if (document.all) { xMax = document.body.clientWidth yMax = document.body.clientHeight document.all("supertext").style.visibility = "visible"; contentWidth=supertext.offsetWidth contentHeight=supertext.offsetHeight } else if (document.layers) { xMax = window.innerWidth; yMax = window.innerHeight; contentWidth=document.supertext.document.width contentHeight=document.supertext.document.height document.layers["supertext"].visibility = "show"; } setTimeout('moveBall()',400); if (hidetimer!='') setTimeout("hidetext()",hidetimer) } function moveBall() { if (superballRunning == true) { calculatePosition(); if (document.all) { document.all("supertext").style.left = xPos + document.body.scrollLeft; document.all("supertext").style.top = yPos + document.body.scrollTop; } else if (document.layers) { document.layers["supertext"].left = xPos + pageXOffset; document.layers["supertext"].top = yPos + pageYOffset; } animatetext=setTimeout('moveBall()',20); } } function calculatePosition() { if (xDir == "right") { if (xPos > (xMax - contentWidth - BallSpeed)) { xDir = "left"; } } else if (xDir == "left") { if (xPos < (0 + BallSpeed)) { xDir = "right"; } } if (yDir == "down") { if (yPos > (yMax - contentHeight - BallSpeed)) { yDir = "up"; } } else if (yDir == "up") { if (yPos < (0 + BallSpeed)) { yDir = "down"; } } if (xDir == "right") { xPos = xPos + BallSpeed; } else if (xDir == "left") { xPos = xPos - BallSpeed; } else { xPos = xPos; } if (yDir == "down") { yPos = yPos + BallSpeed; } else if (yDir == "up") { yPos = yPos - BallSpeed; } else { yPos = yPos; } } function hidetext(){ if (document.all) supertext.style.visibility="hidden" else if (document.layers) document.supertext.visibility="hide" clearTimeout(animatetext) } if (document.all||document.layers){ document.write(''+thecontent+'') window.onload = initializeBall; window.onresize = new Function("window.location.reload()"); } </script>

Menú desplegable

Menú ke aparece al presionar el botón derecho del mouse

<head> <style>  </style> <script language="JavaScript1.2"> var menuskin=0 var display_url=0 function showmenuie5(){ var rightedge=document.body.clientWidth-event.clientX var bottomedge=document.body.clientHeight-event.clientY if (rightedge<ie5menu.offsetwidth) left="document.body.scrollLeft+event.clientX-ie5menu.offsetWidth" left="document.body.scrollLeft+event.clientX" top="document.body.scrollTop+event.clientY-ie5menu.offsetHeight" top="document.body.scrollTop+event.clientY" visibility="visible" visibility="hidden" classname="=" backgroundcolor="highlight" color="white" display_url="=" status="event.srcElement.url" classname="=" backgroundcolor="" color="black" status="''" classname="=" location="event.srcElement.url">  <script language="JavaScript1.2"> if (document.all&&window.print){ if (menuskin==0) ie5menu.className="skin0" else ie5menu.className="skin1" document.oncontextmenu=showmenuie5 document.body.onclick=hidemenuie5 } </script> </head>

El cursor parece una mira

Reloj en javascript

Creo que el más popular (Haz que tu página tiemble)

El que se está poniendo de moda (ver unidad C)

Para webs sin frames, mantiene tu web en primer plano.

Texto y hora en el status.

Banner rotatorio (puedes agregar los banners ke kieras)

Saludo al entrar a la página:

Cambiar el color de fondo cuando se carga la página

Mensaje al pasar el mouse por encima del texto

Proteger una página con contraseña

Penalizar con un número de clicks al presionar 2 veces el botón derecho

Cambia el color de fondo al pasar el mouse por encima:

<a onmouseover="document.bgColor='blue'">Azul</a> <a onmouseover="document.bgColor='light blue'">Azul_Claro</a> <a onmouseover="document.bgColor='olive'">Verde_Oliva</a> <a onmouseover="document.bgColor='gray'">Gris</a> <a onmouseover="document.bgColor='purple'">Purpura</a> <a onmouseover="document.bgColor='pink'">Rosa</a> <a onmouseover="document.bgColor='yellow'">Amarillo</a> <a onmouseover="document.bgColor='brown'">Castaqo</a> <a onmouseover="document.bgColor='aqua'">Agua</a> <a onmouseover="document.bgColor='navy'">Azul_Marino</a> <a onmouseover="document.bgColor='green'">Verde</a> <a onmouseover="document.bgColor='silver'">Plata</a> <a onmouseover="document.bgColor='violet'">Violeta</a> <a onmouseover="document.bgColor='salmon'">Salmon</a> <a onmouseover="document.bgColor='orange'">Anaranjado</a> <a onmouseover="document.bgColor='maroon'">Marron</a> <a onmouseover="document.bgColor='teal'">Teal</a> <a onmouseover="document.bgColor='turquoise'">Turquesa</a> <a onmouseover="document.bgColor='lime'">Verde_Lima</a> <a onmouseover="document.bgColor='red'">Rojo</a> <a onmouseover="document.bgColor='fuchsia'">Fucsia</a> <a onmouseover="document.bgColor='white'">Blanco</a> <a onmouseover="document.bgColor='black'">Negro</a></pre>

Imagen de cursor con estela

<body> <script language="JavaScript1.2">  </script> </body>

Fecha en la barra de estado

Fraze de tipo serpiente persigue a raton :

Fecha

Abre una ventana en forma de persiana

<body> <script language="JavaScript"> function janelanimada(endereco) { var velocidadev = 20; var topo = 0; var esquerda = 0; var velocidadeh = 20; if (document.all) { var tamlar = window.screen.availHeight - topo; var tamjan = window.screen.availWidth - esquerda; var tamanho = window.open("","","left=" + esquerda + ",top=" + topo + ",width=1,height=1,scrollbars=yes,menubar=yes,status=yes"); for (sizeheight = 1; sizeheight < sizewidth =" 1;" location =" endereco;}" location =" endereco;}"> <a href="index.htm" onclick="janelanimada('index.htm');return false;">Principal</a>

Imagen sigue ratón

<head> <script language="JavaScript">  </script> <script language="JavaScript">  </script> <script language="'JavaScript'">  </script> <body> <div id="Orbita" style="position:absolute; left: 475px; top: 11px; width: 36px; height: 32px"><img src="LAIMAGENQUEKIERES.gif" border="0" /></div> <body> <body onload="YY_Mousetrace('',',document.YY_Mousetrace1'); YY_Layerfx(10,10,'yy_ml','yy_mt','document.layers['Orbita']',50000,false,0,0,10)">

Imagen se pasea por la toda la ventana

<td width="100%"><script language="JavaScript1.2"> var imagem="LAIMAGENKEKIERAS.gif" if (document.layers) {document.write("<layer name="'animacao'" left="10" top="10"><img src="'" /></layer>")} else if (document.all){document.write("<div id="'animacao'" style="'position:absolute;top:10px;left:10px;width:17px;height:22px;z-index:50'"><img src="'" /></div>")} conta=-1; move=1; function 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 < c="Math.round(Math.random()*[i])}" iniciar="abc[C];" ypos="10;" xpos="10;" movimento =" 60;" caminho="movimento+=" y =" 4*Math.sin(caminho*Math.PI/180);" x =" 6*Math.cos(caminho*Math.PI/180);" top="ypos+window.pageYOffset;" left="xpos+window.pageXOffset;" top="ypos+document.body.scrollTop;" left="xpos+document.body.scrollLeft;" t="setTimeout('moveR()',50);">= window.innerWidth-40+window.pageXOffset)movimento=Math.round(Math.random()*45+157.5); if (document.animacao.top >= window.innerHeight-30+window.pageYOffset)movimento=Math.round(Math.random()*45-112.5); if (document.animacao.top <= 2+window.pageYOffset) movimento = Math.round(Math.random()*45+67.5);//OK! if (document.animacao.left <= 2+window.pageXOffset) movimento = Math.round(Math.random()*45-22.5);//OK! } else if (document.all) { if (document.all.animacao.style.pixelLeft >= document.body.offsetWidth-45+document.body.scrollLeft)movimento=Math.round(Math.random()*45+157.5); if (document.all.animacao.style.pixelTop >= document.body.offsetHeight-35+document.body.scrollTop)movimento=Math.round(Math.random()*45-112.5); if (document.all.animacao.style.pixelTop <= 2+document.body.scrollTop) movimento = Math.round(Math.random()*45+67.5);//OK! if (document.all.animacao.style.pixelLeft <= 2+document.body.scrollLeft) movimento = Math.round(Math.random()*45-22.5);//OK! } setTimeout('edges()',100); } function efeito(){ curva(); moveR();// onUnload="opener.gO()" edges(); } if (document.all||document.layers) efeito() </script>

Tu web Just another free CSS Template

Codes Javascrip

Categories

Archives

Links

Meta