tutoriais

Flash

FrontPage

Dreamweaver

Dhtml

Html

ASP

PHP

jogos

Galerias

fóruns

Flash

TUTORIAIS DE DHTML

Vários textos que aparecem e desaparecem gradualmente.

Vários textos que aparecem e desaparecem gradualmente com efeito de degradé.

Demo : A decorrer.

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

//Para começar na primeira mensagem, inserir o valor 1, 0 para não.
var loop=1

//O tipo de caratere a útilizar
FontFace='arial,helvetiva'

//A tamanho da letra (em pixeis)
FontSize=14

//1 para ativar também o desaparecimento, 0 só para o aparecimento.
fadeback=1

//Para determinar as cores, a primeira cor é igual a do fundo (backgroung),
//a última cor será a do fim do efeito.
//Pode útilisar até 4 cores. Por as inútilizadas a 0.
colors=new Array()
colors[0]='#FFFFFF'
colors[1]='#EEEEEE'
colors[2]='#CCCCCC'
colors[3]='#999999'
colors[4]='#666666'
colors[5]='#333333'
colors[6]='#000000'

//Inserir os textos e links aqui!
//Para não usar links, inserir # como link.
news=new Array()
//Para um maior número de textos, copiar as 3 linhas que seguem 
//e modificar as informações e números.
news[0]=new Array()
news[0]["text"]="<b>Truques e Dicas DHTML</b>"
news[0]["link"]="#"

news[1]=new Array()
news[1]["text"]="VISUALWORK"
news[1]["link"]="http://www.visualwork.pt"

/*Não modificar mais nada depois desta linha!
*********************************************************************************/
fadeInit=new Function("oNews=new makeObj('divNews','divCont'); fadeNews(0)")
function makeObj(obj,nest){
    nest=(!nest) ? '':'document.'+nest+'.'
    this.css=(n) ? eval(nest+'document.'+obj):eval(obj+'.style')
    this.writeref=(n) ? eval(nest+'document.'+obj+'.document'):eval(obj);		
	this.fadeIt=b_fadeIt
    this.obj = obj + "Object"; 	eval(this.obj + "=this")	
}
function b_fadeIt(text,link,font,size,speed,fn,num,c0,c1,c2,c3,c4,c5,c6){
	if(num<arguments.length && arguments[num]!=0){
		writetext='<a href="'+link+'" style="text-decoration:none; font-size:'+size+'px">'
		+'<font face="'+font+'" color="'+arguments[num]+'">'+text+'</font></a>'
		if(n){this.writeref.write(writetext); this.writeref.close()}
		if(ie) this.writeref.innerHTML=writetext		
		num++
		setTimeout(this.obj+'.fadeIt("'+text+'","'+link+'","'+font+'",'+size+','+speed+',"'
		+fn+'",'+num+',"'+c0+'","'+c1+'","'+c2+'","'+c3+'","'+c4+'","'+c5+'","'+c6+'")',speed)
	}else setTimeout('eval('+fn+')',betweendelay)
}
function fadeNews(num){
	if(num<news.length){
		fn=fadeback?'fadeBack('+num+')':'fadeNews('+(num+1)+')';
		oNews.fadeIt(news[num]["text"],news[num]["link"],FontFace,FontSize,100,fn,7,
		colors[0],colors[1],colors[2],colors[3],colors[4],colors[5],colors[6])
	}else if(loop)fadeNews(0)
}
function fadeBack(num){
	if(num>=0){
		oNews.fadeIt(news[num]["text"],news[num]["link"],FontFace,FontSize,100,'fadeNews('+(num+1)
		+')',7,colors[6],colors[5],colors[4],colors[3],colors[2],colors[1],colors[0])
	}
}
onload=fadeInit;
</script>

Modificar os parâmetros no início do script.

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

É necessário determinar a posição (absoluta) do efeito.

ANÚNCIOS