tutoriais

jogos

Códigos/Cheats

Galerias

fóruns

TUTORIAIS DE DHTML

Texto com uma interligação dinâmica.

Um bloco de texto que se junta dinamicamente, criando um belo efeito.

Demo: Faz um "refresh" para rever o efeitos.

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

<script language="JavaScript1.2">
// un script de Gehrig e Dudli (www.24fum.com)
// O VOSSO TEXTO AQUI !
message="Além destes vários efeitos e animações, o autor é da opinião que o conteúdo de um site já não é suficiente, e que é necessário pensar em transmitir informação na Web de um modo menos livresco e mais visual de modo a se aproximar da força da comunicação dos media moderna !"

// A largura da caixa do texto (em pixeis).
var scrollerwidth=218

// A distância em relação a borda superior.
var scrollertop=50

// A distância em relação a borda esquerda.
var scrollerleft=100

// Os atributos do tipo de letra.
var font_face="Times"
var font_color="000080"
var font_size=11

////////////////////////////////////
var lineheightmax=15
var lineheight=lineheightmax
var linestep=0.2
var mes_joined
var mes_split
var contenttext
var pause=50

function initiate() {
	if (document.all) {
	document.all.scrollertext.style.posTop=scrollertop
	document.all.scrollertext.style.posLeft=scrollerleft
	document.all.scrollertext.style.width=scrollerwidth
	lineup()
	}
	if (document.layers) {
	alert("Ce script ne fonctionne que sous Explorer 4 et plus !")
	}
}

function lineup(){
	mes_joined=message
	mes_split=mes_joined.split("|")	
	contenttext="<span style='position:relative;font-family:"+font_face+"; color:"+font_color+";font-size:"+font_size+"pt;line-height:"+lineheight+";width:"+scrollerwidth+"px'>"
	contenttext+=mes_split[0]
	contenttext+="</span>"
	if (lineheight>1.2) {
	scrollertext.innerHTML=contenttext
	var timer=setTimeout("lineup()",pause)
	lineheight-=linestep
	}
	else {
	mes_joined=message
	mes_split=mes_joined.split("|")
	contenttext="<span style='position:relative;font-family:"+font_face+"; color:"+font_color+";font-size:"+font_size+"pt;line-height:"+lineheight+";width:"+scrollerwidth+"px'>"
	contenttext+=mes_split[0]
	contenttext+="</span>"
	scrollertext.innerHTML=contenttext
	clearTimeout(timer)	
	}
}
</script>

Pode alterar as seguintes variaveis:

A distância em relação a borda superior.
var scrollertop=50
A distância em relação a borda esquerda.
var scrollerleft=100
Os atributos do tipo de letra.
var font_face="Times"
var font_color="000080"
var font_size=11

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

3. Inserir dentro do tag <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