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>
Download Script
Ver ejemplo javascript
