Efecto marca de agua javascript

Codigo que simula el efecto de watermark, al desplazarnos en el documento con la barra de Scroll la imagen que simula este efecto también lo hace.

<html><title>text effects watermark javascript</title>
<script type="text/javascript">
// Pequeña acotación:
// -------------------------
// IMGW = Ancho de la imagen
// IMGH = Alto de la imagen
var IW= 0;
var IH= 0;
var PX= 0;
var PY= 0;
var ZIN= 0;
var us= null;
var IMGW= 121;
var IMGH= 168;
var LSAFETY= 20;
var TSAFETY= 17;
function branding() {
 oldIW= IW;
 oldIH= IH;
 oldPX= PX;
 oldPY= PY;
 if (navigator.appName == 'Netscape') {
  if ((window.innerHeight != oldIH)||(window.innerWidth != oldIW)||(window.pageXOffset != oldPX)||(window.pageYOffset != oldPY))
    {
    if (us == null)
      {
      for (i=0; i<document.layers.length; i++)
        {
        us= document.layers[i];
        if (us.id == "Valley")
          break;
        }
      }
    if (us != null)
      {
      us.visibility= "hide";
      IH= window.innerHeight;
      IW= window.innerWidth;
      PX= window.pageXOffset;
      PY= window.pageYOffset;

      (IH > IMGH) ? us.top= (IH+PY-(IMGH+TSAFETY)) : us.top= 0;
      (IW > IMGW) ? us.left= (IW+PX-(IMGW+LSAFETY)) : us.left= 0;
//alert('document.layers.length: ' + document.layers.length);
      for (i=0; i<document.layers.length; i++)
        {
        templay= document.layers[i];
//	alert('document.layers[' + i + '].id: ' + document.layers[i].id);
        if (templay.zIndex > ZIN)
          ZIN= (templay.zIndex + 1);
        }
      us.zIndex= ZIN;
      us.visibility= "show";
      }
    }
 }
 else{
  if (navigator.appVersion.indexOf("Mac") == -1)
    {
    if ((document.body.clientHeight != oldIH)||(document.body.clientWidth != oldIW)||(document.body.scrollLeft != oldPX)||(document.body.scrollTop != oldPY))      {
      alldivs= document.all.tags("DIV");
      if (us == null){ 
        for (i=0; i<alldivs.length; i++)
          {
          us= alldivs(i);
          if (us.id == "Valley")
            break;
          }
      }
      if (us != null){
        us.style.display= "none";
        IH= document.body.clientHeight;
        IW= document.body.clientWidth;
        PX= document.body.scrollLeft;
        PY= document.body.scrollTop;
        us.style.top= (IH+PY-(IMGH+TSAFETY)+12);
        us.style.left=(IW+PX-(IMGW+LSAFETY)+15);
        for (i=0; i<alldivs.length; i++){
          templay= alldivs(i);
          if (templay.style.zIndex > ZIN)
            us.style.zindex= (templay.style.zIndex + 1);
        }
        us.style.display= "";
      }
  }
 }
 }
}
if ((document.all) || (document.layers)){
 setInterval("branding()",100);
}
</SCRIPT>
<font color="#FFFFFF">s
<br>
s<p>
s<p>
s<p>s<p>
s<p>
s<p>s<p>
s<p>
s<p>s<p>
s<p>
s<p>s<p>
s<p>
s<p>s<p>
s<p>
s<p>s<p>
s<p>
s<p>s<p>
s<p>
s<p>s<p>
s<p>
s<p>s<p>
s<p>
s<p>s<p>
s<p>
s<p>s<p>
s<p>
s<p>s<p>
s<p>
s<p>s<p>
s<p>
s<p><br><br><br><br><p><br><br><p><br><br><p><br><br><p><br><br><p></font>
<DIV CLASS="Watermark" ID="Watermark" STYLE="position:absolute;top:1;visibility:hide;" ALIGN="right">
<A HREF="http://www.gamarod.com.ar"><IMG SRC="ejemplos/bisco.gif" ALT="Gamarod JavaScript" WIDTH=121 HEIGHT=168 BORDER=0></A>
</DIV>
<br><br><br>

</html>   

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos necesarios están marcados *

Puedes usar las siguientes etiquetas y atributos HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>