Idees
Una imagen visualizada permanentemente
Se utiliza este JavaScript para visualizar permanentemente una imagen (por ejemplo, su logotipo) en la parte inferior derecha de una página, independientemente de la manera en que se desplacen en esta página sus visitantes.
 |
<SCRIPT LANGUAGE="JavaScript">
<!-- Original: Randy Bennett (rbennett@thezone.net) -->
<!-- Begin
function setVariables() {
imgwidth=65; // largeur de l'image
imgheight=45; // hauteur de l'image
if (navigator.appName == "Netscape") {
horz=".left";
vert=".top";
docStyle="document.";
styleDoc="";
innerW="window.innerWidth";
innerH="window.innerHeight";
offsetX="window.pageXOffset";
offsetY="window.pageYOffset";
}
else {
horz=".pixelLeft";
vert=".pixelTop";
docStyle="";
styleDoc=".style";
innerW="document.body.clientWidth";
innerH="document.body.clientHeight";
offsetX="document.body.scrollLeft";
offsetY="document.body.scrollTop";
}
}
function checkLocation() {
objectXY="branding";
var availableX=eval(innerW);
var availableY=eval(innerH);
var currentX=eval(offsetX);
var currentY=eval(offsetY);
x=availableX-(imgwidth+30)+currentX;
y=availableY-(imgheight+20)+currentY;
evalMove();
setTimeout("checkLocation()",10);
}
function evalMove() {
eval(docStyle + objectXY + styleDoc + horz + "=" + x);
eval(docStyle + objectXY + styleDoc + vert + "=" + y);
}
// End -->
</SCRIPT>
Después de la etiqueta <BODY>, inserte:
<BODY onload="setVariables(); checkLocation();">
Entonces:
<div id="branding" style="position:absolute; visibility:show; left:235px; top:-50px; z-index:2">
<table width=10 bgcolor=#ffffff><td>
<a href="index.html" onmouseover="window.status='Thank you for visiting me!';return true" onmouseout="window.status='';return true"><center><img src="yourimage.gif" width="65" height="45" border="0"></center></a></font></td>
</table>
</div>
En este ejemplo, la imagen mide 65x45, pero puede configurarla como quiera.