surferazo
Miembro Nuevo
Mensajes: 8
Registrado: 3-12-2003
El usuario está desconectado
|
![[*]](./images/corporate/default_icon.gif) publicado en 17-9-2005 en 02:31 PM |
|
|
efecto de fondo que se visualiza poco a poco
tengo un problema con este efecto y es que siempre se ubica en la parte superior izquierda de mi pagina web al subirlo ,no se que tengo que cambiar
o que tengo que agregar en el codigo html para que quede mas abajo de mi logo o en todo caso cuales son los parametros(simbolos/letras) para moverlo a
donde yo quiero
gracias por su ayuda amigos
Luis
<html>
<head>
<title>Efecto de fondo gráfico que se visualiza poco a poco</title>
<p align="center">
<b>Efecto de fondo gráfico que se visualiza poco a poco
<script language="javaScript">
<!-- Beginning of JavaScript -
img0 = new Image();
img0.src = "girl.jpg";
img1 = new Image();
img1.src = "lippen.jpg";
img2 = new Image();
img2.src = "augen.jpg";
var i_strngth=1
var i_image=0
var imageurl = new Array()
imageurl[0] ="girl.jpg"
imageurl[1] ="lippen.jpg"
imageurl[2] ="augen.jpg"
function showimage() {
if(document.all) {
if (i_strngth <=80) {
testimage.innerHTML="<img style='filter:alpha(opacity="+i_strngth+" ' src="+imageurl[i_image]+" border=0>";
i_strngth=i_strngth+2
var timer=setTimeout("showimage()",200)
}
else {
clearTimeout(timer)
var timer=setTimeout("hideimage()",1000)
}
}
if(document.layers) {
clearTimeout(timer)
document.testimage.document.write("<img src="+imageurl[i_image]+" border=0>"
document.close()
i_image++
if (i_image >= imageurl.length) {i_image=0}
var timer=setTimeout("showimage()",2000)
}
}
function hideimage() {
if (i_strngth >=-2) {
testimage.innerHTML="<img style='filter:alpha(opacity="+i_strngth+"' src="+imageurl[i_image]+" border=0>";
i_strngth=i_strngth-2
var timer=setTimeout("hideimage()",200)
}
else {
clearTimeout(timer)
i_image++
if (i_image >= imageurl.length) {i_image=0}
i_strngth=1
var timer=setTimeout("showimage()",500)
}
}
// - End of JavaScript - -->
</script>
<style>H1 {
FONT-SIZE: 20px; COLOR: #444444; FONT-FAMILY: Times
}
A {
COLOR: #444444; TEXT-DECORATION: underline
}
A:visited {
COLOR: #444444; TEXT-DECORATION: none
}
A:hover {
COLOR: #444444; FONT-FAMILY: Times; TEXT-DECORATION: none
}
A:active {
COLOR: #444444; TEXT-DECORATION: none
}
</style>
</head>
<body bgColor="#ffffff" onload="showimage()">
</b></p>
<div id="testimage" style="LEFT: 0px; VISIBILITY: visible; POSITION: absolute; TOP: 0px">
<p align="center">
</div>
<div id="mainbod" style="LEFT: 10px; VISIBILITY: visible; POSITION: absolute; TOP: 10px">
<table cellPadding="7" width="580">
<tr>
<td align="middle"><b><a target="_blank">
<h1> </h1>
</a></b></td>
</tr>
</table>
</div>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p align="center"><br>
<br>
<br>
</body>
</html>
|
|
|
|
