tutoriais

jogos

Códigos/Cheats

Galerias

fóruns

TUTORIAIS DE DHTML

Texto que aparece letra por letra e com um scroll automático.

Como numa máquina de escrever, o texto que aparece letra por letra e com um scroll automático.

Demo : A decorrer.

1. Inserir entre os tags <HEAD>...<HEAD>:

<SCRIPT LANGUAGE="Javascript">
<!-- 
// Copyright Frank Milard - 
twTexte = '<FONT COLOR=yellow>Bem vindo ao site Truques e Dicas DHTML,</FONT><BR><FONT COLOR=red>Uma compilação de 999 scripts fantásticos.</FONT><BR><BR><FONT COLOR=navy>Si vocês gostam deste site et destes scripts,<BR>não se esquecem de me enviar um e-mail simpático !<BR>Obrigado ...</FONT><BR>';
twWait  = 0;

NS4 = IE4 = VERSION4 = 0;

twSautLigne = "&";
twSautLigne = twSautLigne.charAt(0)+"nbsp;"+"<BR>";

function twInit () {
        if (VERSION4) {
		if (NS4) {
       			twObj1 = document.twN1;
			twObj2 = twObj1.document.twN2;
		}
		if (IE4) {
			twObj1 = document.all.twN1;
			twObj2 = document.all.twN2;
		}
		twChangeString ();
		twSynchro = twWait;
		twTimer = setInterval("twScroll()",50);
	}
}
// -->
</SCRIPT>
<SCRIPT LANGUAGE="Javascript1.2">
NS4 = (document.layers) ? 1 : 0;
IE4 = (document.all) ? 1 : 0;
VERSION4 = (NS4|IE4) ? 1 : 0;

if(NS4){oW=innerWidth;oH=innerHeight;onresize=function(){if(innerWidth!=oW||innerHeight!=oH)location.reload()}}

function twChangeString () {
	twWrite ("<DIV ID=\"twN3\"><P CLASS=twP>"+twTexte+twSautLigne+twTexte+"</DIV><DIV ID=\"twN4\"></DIV>");
	if (NS4) {
		twObj2.visibility = "show";
		twObj3 = twObj2.document.twN3;
		twObj4 = twObj2.document.twN4;
		twHeight = (Math.round(twObj3.document.height/16)*16)/2;
	}
	if (IE4) {
		twObj2.style.visibility = "visible";
		twObj3 = document.all.twN3;
		twObj4 = document.all.twN4;
		twHeight = twObj3.offsetHeight / 2 ;
	}
}

function twWrite (str) {
	if (NS4) {
		with (twObj2.document) {
			write(str);
			close();
		}
	}
	if (IE4) twObj2.innerHTML = str;
}

function twScroll () {
        if (++twSynchro < 60) {
		if (NS4) twObj4.left  = twSynchro*5;
		if (IE4) twObj4.style.left = twSynchro*5;
	}
	else {
	        if (twSynchro == 60) {
			if (NS4) {
				twObj4.top += 16;
				twObj4.left  = 0;
			}
			if (IE4) {
				twObj4.style.top  = twObj4.style.pixelTop + 16 ;
				twObj4.style.left = 0;
			}
		}
		else {
		        if (twSynchro < 69) {
				if (NS4) {
					twObj3.top-=2;
					twObj4.top-=2;
				}
				if (IE4) {
					twObj3.style.top = twObj3.style.pixelTop - 2;
					twObj4.style.top = twObj4.style.pixelTop - 2;
				}
			}
			else {
				twSynchro = 0;
				if (NS4) {
					if ( -twHeight >= twObj3.top) {
						twObj4.top  = 48 ;
						twObj3.top  = 0 ;
					}
				}
				if (IE4) {
					if ( -twHeight >= twObj3.style.pixelTop) {
						twObj4.style.top  = 48 ;
						twObj3.style.top  = 0 ;
					}
				}
			}
		}
	}
}
// -->
</SCRIPT>
<STYLE TYPE='text/css'>
<!--
#twN1 {
	position: relative;
	z-index: 100;
	width: 304px;
	height: 68px;
	padding: 2;
	clip:rect (0px,304px,68px,0px);
}
#twN2 {
	position:absolute;
	z-index: 200;
	width: 300px;
	height: 64px;
	visibility: hidden;

clip:rect (0px,300px,64px,0px);
}
#twN3 {
	position:absolute;
	z-index: 300;
	width: 300px;
	height: 64px;
}
#twN4 {
	position:absolute;
	z-index: 400;
	width: 300px;
	height: 64px;
	top: 48px;
	left: 0px;
	background-color:  lightblue;
	layer-background-color:lightblue;
	border: 1px solid lightblue;
}
P.twP {
	text-align: left;
	text-decoration: none;
	color: #92a4e0;
	font-family: Arial,Helvetica;
	font-style: Normal;
	font-weight: Bold;
	font-size: 12px;
	line-height: 16px;
}
}
-->
</STYLE>

2. Inserir entre os tags <BODY>...<BODY>:

ANÚNCIOS

Tutoriais | Fóruns de Discussão | Notícias | Jogos | Dicas | Flash | Downloads | Livros
Gifs Animados | Loja Online | Publicitar no Truques e Dicas | Contactos