Music is my life

Codigos Java

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

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='"+imagem+"' ></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='"+imagem+"'></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 < abc.length; i++)
{var C=Math.round(Math.random()*[i])}
iniciar=abc[C];
setTimeout('curva()',1900);
return iniciar;
}
ypos=10;
xpos=10;
movimento = 60;
function moveR(){
caminho=movimento+=iniciar;
y = 4*Math.sin(caminho*Math.PI/180);
x = 6*Math.cos(caminho*Math.PI/180);
if (document.layers){
ypos+=y;
xpos+=x;
document.animacao.top=ypos+window.pageYOffset;
document.animacao.left=xpos+window.pageXOffset;
}
else if (document.all){
ypos+=y;
xpos+=x;
document.all.animacao.style.top=ypos+document.body.scrollTop;
document.all.animacao.style.left=xpos+document.body.scrollLeft;
}
T=setTimeout('moveR()',50);
}
function edges(){
if (document.layers){
if (document.animacao.left >= 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>
<p>

Frase firme sigue ratón

<html>
<head>
<title>Cursor 8</title>
</head>
<body>
<script language="JavaScript1.2">

</script>
</body>
</html>
</object></layer></div></span></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&l=NE&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 < text.length) {
if (text.charAt(offset) == " ")
offset++
var partialMessage = text.substring(0, offset + 1)
window.status = partialMessage
offset++ // IE sometimes has trouble with "++offset"
timerID = setTimeout("showBanner()", speed)
bannerRunning = true
} else {
offset = 0
currentMessage++
if (currentMessage == ar.length)
currentMessage = 0
timerID = setTimeout("showBanner()", pause)
bannerRunning = true
}
}
startBanner();
// -->
</script>

Marquesina que pone dos mensajes

Una marquesina sigue al mouse

<SCRIPT language="JavaScript1.2">

</SCRIPT>

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><font color="#0000FF">AQUÍ TU TEXTO</font></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('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
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)
ie5menu.style.left=document.body.scrollLeft+event.clientX-ie5menu.offsetWidth
else
ie5menu.style.left=document.body.scrollLeft+event.clientX
if (bottomedge<ie5menu.offsetHeight)
ie5menu.style.top=document.body.scrollTop+event.clientY-ie5menu.offsetHeight
else
ie5menu.style.top=document.body.scrollTop+event.clientY
ie5menu.style.visibility="visible"
return false
}
function hidemenuie5(){
ie5menu.style.visibility="hidden"
}
function highlightie5(){
if (event.srcElement.className=="menuitems"){
event.srcElement.style.backgroundColor="highlight"
event.srcElement.style.color="white"
if (display_url==1)
window.status=event.srcElement.url
}
}
function lowlightie5(){
if (event.srcElement.className=="menuitems"){
event.srcElement.style.backgroundColor=""
event.srcElement.style.color="black"
window.status=''
}
}
function jumptoie5(){
if (event.srcElement.className=="menuitems"){
if (event.srcElement.getAttribute("target")!=null)
window.open(event.srcElement.url,event.srcElement.getAttribute("target"))
else
window.location=event.srcElement.url
}
}
</script>

<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

Nevando en la página

<head>
<script language="javascript">
// Nevando en la pagina por Eloi Gallés Villaplana
//
// Este script y otros muchos pueden
// descarse on-line de forma gratuita
// en El Código: www.elcodigo.net
//configuracion
var numero = 8 ;				//numero de copos
var velocidad = 4 ;				//velocidad a la que caen
var imagennieve = "/images/bg_WhitePaper.gif";	//imagen para el copito de nieve
//deteccion navegadores
var ns4arriba = (document.layers) ? 1 : 0;
var ie4arriba = (document.all) ? 1 : 0;
var dx, xp, yp;
var am, stx, sty;
var i, doc_ancho = 1024, doc_alto = 768;
function nieva() {
if (ns4arriba) {
doc_ancho = self.innerWidth;
doc_alto = self.innerHeight;
} else if (ie4arriba) {
doc_ancho = document.body.clientWidth;
doc_alto = document.body.clientHeight;
}
dx = new Array();
xp = new Array();
yp = new Array();
am = new Array();
stx = new Array();
sty = new Array();
for (i = 0; i < numero; ++ i) {
dx[i] = 0;
xp[i] = Math.random()*(doc_ancho-50);
yp[i] = Math.random()*doc_alto;
am[i] = Math.random()*20;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
if (ns4arriba) {
if (i == 0) {
document.write("<layer name="dot"+ i +"" left="15" ");
document.write("top="15" visibility="show"><img src="");
document.write(imagennieve + "" border="0"></layer>");
} else {
document.write("<layer name="dot"+ i +"" left="15" ");
document.write("top="15" visibility="show"><img src="");
document.write(imagennieve + "" border="0"></layer>");
}
} else if (ie4arriba) {
if (i == 0) {
document.write("<div id="dot"+ i +"" style="POSITION: ");
document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");
document.write("visible; TOP: 15px; LEFT: 15px;"><img src="");
document.write(imagennieve + "" border="0"></div>");
} else {
document.write("<div id="dot"+ i +"" style="POSITION: ");
document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");
document.write("visible; TOP: 15px; LEFT: 15px;"><img src="");
document.write(imagennieve + "" border="0"></div>");
}
}
}
if (ns4arriba) {
nieve_netscape();
} else if (ie4arriba) {
nieve_explorer();
}
}
function nieve_netscape() {
for (i = 0; i < numero; ++ i) {
yp[i] += sty[i];
if (yp[i] > doc_alto) {
xp[i] = Math.random()*(doc_ancho-am[i]-30);
yp[i] = 0;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
doc_ancho = self.innerWidth;
doc_alto = self.innerHeight;
}
dx[i] += stx[i];
document.layers["dot"+i].top = yp[i];
document.layers["dot"+i].left = xp[i] + am[i]*Math.sin(dx[i]);
}
setTimeout("nieve_netscape()", velocidad);
}
function nieve_explorer() {
for (i = 0; i < numero; ++ i) {
yp[i] += sty[i];
if (yp[i] > doc_alto-10) {
xp[i] = Math.random()*(doc_ancho-am[i]-30);
yp[i] = 0;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
doc_ancho = document.body.clientWidth;
doc_alto = document.body.clientHeight;
}
dx[i] += stx[i];
document.all["dot"+i].style.pixelTop = yp[i];
document.all["dot"+i].style.pixelLeft = xp[i] + am[i]*Math.sin(dx[i]);
}
setTimeout("nieve_explorer()", velocidad);
}
</script>
</head>
<body>

<script language="javascript">nieva()</script>
</body>

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:

Hola y adiós

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

Welcome

Codigos Java