Anónimo
Cambiar el fondo de pantalla en una página web
Hola experto!,
hace unos dias encontre la forma de que en una pagina web con fondo blanco, una imagen blanca(con lo cual no seve),ytxto negro cambiase el fondo de color al negro al pasar el raton por encima de la imagen al negro dejando solo la imagen visible (con un script)
Ahora bien, lo quequieroes que el fondo sea negro ycambie a blanco pero no se como
aqui te dejo el codigo html:
<HTML>
<HEAD>
<TITLE> Alquimia </TITLE>
<link rel="shortcut icon" href="objeto/logo22.png">
</HEAD>
<script language="JavaScript">
<!--
hexa = new Array(16);
for(var i = 0; i < 10; i++)
hexa = i;
hexa[10]="a"; hexa[11]="b"; hexa[12]="c";
hexa[13]="d"; hexa[14]="e"; hexa[15]="f";
function hex(i)
{
if (i < 0)
return "00";
else if (i > 255)
return "ff";
else
return "" + hexa[Math.floor(i/16)] + hexa[i%16];
}
function setbgColor(r, g, b)
{
document.bgColor = "#"+hex(r)+hex(g)+hex(b);
}
// 1 -- white --> black
// -1 -- black --> white
var inc = 1;
var cur_i = 20;
var max_step = 20;
var in_progress = false;
function msover()
{
inc = -1;
if( !in_progress )
step();
}
function msout()
{
inc = 1;
if( !in_progress )
step();
}
function step()
{
// alert(document.bgColor);
setbgColor( Math.floor(255 * cur_i / max_step),
Math.floor(255 * cur_i / max_step),
Math.floor(255 * cur_i /max_step) );
// alert("2:" + document.bgColor);
cur_i += inc;
if( (inc > 0 && cur_i > max_step) || (inc < 0 && cur_i < 0) )
{
cur_i -= inc;
inc = -inc;
in_progress = false;
}
else
{
in_progress = true;
setTimeout("step()", 3);
}
}
// -->
</script>
</head>
<BODY bgcolor="black">
<TABLE BORDER=0 WIDTH="100%" HEIGHT="100%">
<TR>
<TD>
<P ALIGN=CENTER><a href="po.html" onMouseOver="msover()"
onMouseOut="msout()"><IMG SRC="objeto/simbolo.png" width=400 heigh=500 border=0></A>
<br>
<br>
<br>
<FONT SIZE="-3" FACE="Arial">Esta web contiene información sobre la alquimia<BR>Dicha información no se debe usar para inicializarse en ella<BR>Para eso informese en otra web sobre la inicialización</FONT>
<br>
<br>
</P>
</TD></TR>
</TABLE>
</HTML>
Gracias
hace unos dias encontre la forma de que en una pagina web con fondo blanco, una imagen blanca(con lo cual no seve),ytxto negro cambiase el fondo de color al negro al pasar el raton por encima de la imagen al negro dejando solo la imagen visible (con un script)
Ahora bien, lo quequieroes que el fondo sea negro ycambie a blanco pero no se como
aqui te dejo el codigo html:
<HTML>
<HEAD>
<TITLE> Alquimia </TITLE>
<link rel="shortcut icon" href="objeto/logo22.png">
</HEAD>
<script language="JavaScript">
<!--
hexa = new Array(16);
for(var i = 0; i < 10; i++)
hexa = i;
hexa[10]="a"; hexa[11]="b"; hexa[12]="c";
hexa[13]="d"; hexa[14]="e"; hexa[15]="f";
function hex(i)
{
if (i < 0)
return "00";
else if (i > 255)
return "ff";
else
return "" + hexa[Math.floor(i/16)] + hexa[i%16];
}
function setbgColor(r, g, b)
{
document.bgColor = "#"+hex(r)+hex(g)+hex(b);
}
// 1 -- white --> black
// -1 -- black --> white
var inc = 1;
var cur_i = 20;
var max_step = 20;
var in_progress = false;
function msover()
{
inc = -1;
if( !in_progress )
step();
}
function msout()
{
inc = 1;
if( !in_progress )
step();
}
function step()
{
// alert(document.bgColor);
setbgColor( Math.floor(255 * cur_i / max_step),
Math.floor(255 * cur_i / max_step),
Math.floor(255 * cur_i /max_step) );
// alert("2:" + document.bgColor);
cur_i += inc;
if( (inc > 0 && cur_i > max_step) || (inc < 0 && cur_i < 0) )
{
cur_i -= inc;
inc = -inc;
in_progress = false;
}
else
{
in_progress = true;
setTimeout("step()", 3);
}
}
// -->
</script>
</head>
<BODY bgcolor="black">
<TABLE BORDER=0 WIDTH="100%" HEIGHT="100%">
<TR>
<TD>
<P ALIGN=CENTER><a href="po.html" onMouseOver="msover()"
onMouseOut="msout()"><IMG SRC="objeto/simbolo.png" width=400 heigh=500 border=0></A>
<br>
<br>
<br>
<FONT SIZE="-3" FACE="Arial">Esta web contiene información sobre la alquimia<BR>Dicha información no se debe usar para inicializarse en ella<BR>Para eso informese en otra web sobre la inicialización</FONT>
<br>
<br>
</P>
</TD></TR>
</TABLE>
</HTML>
Gracias
1 respuesta
Respuesta de abetop
1
Creo que no entiendo el problema, ese codigo hace un desgradado (en tería yo sólo llego a ver dos colores) entonces ¿por qué tanto código inutil?
Sería más simple así:
<HTML>
<HEAD>
<TITLE> Alquimia </TITLE>
<link rel="shortcut icon" href="objeto/logo22.png">
</HEAD>
<script language="JavaScript">
<!--
function msover(){document.bgColor = "#FFFFFF";}
function msout() {document.bgColor = "#000000";}
// -->
</script>
</head>
<BODY bgcolor="black">
<TABLE BORDER=0 WIDTH="100%" HEIGHT="100%">
<TR>
<TD>
<P ALIGN=CENTER>
<a href="po.html" onmouseover="msover();" onmouseout="msout();"><IMG SRC="objeto/simbolo.png" width=400 heigh=500 border=0></A>
<br>
<br>
<br>
<FONT SIZE="-3" FACE="Arial">Esta web contiene información sobre la alquimia<BR>Dicha información no se debe usar para inicializarse en ella<BR>Para eso informese en otra web sobre la inicialización</FONT>
<br>
<br>
</P>
</TD></TR>
</TABLE>
</HTML>
No sé si era exactamente lo que querias.
Sería más simple así:
<HTML>
<HEAD>
<TITLE> Alquimia </TITLE>
<link rel="shortcut icon" href="objeto/logo22.png">
</HEAD>
<script language="JavaScript">
<!--
function msover(){document.bgColor = "#FFFFFF";}
function msout() {document.bgColor = "#000000";}
// -->
</script>
</head>
<BODY bgcolor="black">
<TABLE BORDER=0 WIDTH="100%" HEIGHT="100%">
<TR>
<TD>
<P ALIGN=CENTER>
<a href="po.html" onmouseover="msover();" onmouseout="msout();"><IMG SRC="objeto/simbolo.png" width=400 heigh=500 border=0></A>
<br>
<br>
<br>
<FONT SIZE="-3" FACE="Arial">Esta web contiene información sobre la alquimia<BR>Dicha información no se debe usar para inicializarse en ella<BR>Para eso informese en otra web sobre la inicialización</FONT>
<br>
<br>
</P>
</TD></TR>
</TABLE>
</HTML>
No sé si era exactamente lo que querias.
gracias,
pero ya descrubi como hacerlo
simplemente hay k cambiar el 1 por -1 y el -1 porel 1:
function msover()
{
inc = 1;
if( ! in_progress )
step();
}
function msout()
{
inc = -1;
if( ! in_progress )
step();
}
Y así lo conseguí
gracias de todos modos por intentarlo :)
pero ya descrubi como hacerlo
simplemente hay k cambiar el 1 por -1 y el -1 porel 1:
function msover()
{
inc = 1;
if( ! in_progress )
step();
}
function msout()
{
inc = -1;
if( ! in_progress )
step();
}
Y así lo conseguí
gracias de todos modos por intentarlo :)