El sitio más completo sobre programación, recursos web y herramientas online para Webmasters
Fecha: 20/01/2003

text effects watermark 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.

Código Javascript


<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>

text effects watermark javascript Categoría: Javascript, Efectos texto

Compartir text effects watermark javascript en Facebook Twitter MySpace del.icio.us fresqui Meneame


Scripts Similares:

» Efecto apertura javascript
» Efecto etiqueta javascript
» javascript Top Animacion
» Efecto Rayo javascript
» Away Box javascript
» scroll fade javascript
Ver el perfil de Gabriel Marcelo Rodriguez en LinkedIn

Privacidad ּ Publicidad ּ Prensa ּ Premios ּ Colaborar ּ Enlazarnos ּ Mapa del Sitio ּ Aviso legal ּ Boletín ּ Contacto
2001 - 2011 | Sitio Sitio creado y mantenido por Gabriel Marcelo Rodriguez
Hosting de alta calidad a bajo costo Neolo.com.ar