tutoriais

Flash

FrontPage

Dreamweaver

Dhtml

Html

ASP

PHP

jogos

Galerias

fóruns

Flash

TUTORIAIS DE DHTML

Uma barra com um texto que desfila na vertical.

A particularidade deste desfilador é de apresentar o texto na vertical.

Demo : Faz"back" para rever o efeito.

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

// Tipo de caracteres
var font_family="Arial"

// Tamanho dos caracteres
var font_size=20

// a cor dos caracteres (code RGB)
var font_color="255,255,255"

// a posição vertical do início do texto 
// em relação a borda do superior em pixeis)
var scrollerheight=380

/////////////////////////////////////
var scrollerwidth=400
var startheight=0
for (i=0;i<message.length-1;i++) {
	message[i]=message[i]+"    "
}
var i_message=0
var i_meslength=0

function initiate() {
	if (document.all) {
	document.all.rotationstyle.style.posLeft=-(Math.floor(scrollerwidth/2))+font_size
	document.all.rotationstyle.style.posTop=startheight
	document.all.backcolor.style.posLeft=0
	document.all.backcolor.style.posTop=0
        startscroll()
	}
}

function startscroll() {
	if (i_meslength<=message[i_message].length) {
	do_rotate="yes"
	rotationstyle.innerHTML=
	'<OBJECT ID="rotationobj" CLASSID="CLSID:369303C2-D7AC-11d0-89D5-00A0C90833E6" STYLE="position:relative;width:'+scrollerwidth+'px;height:'+2*scrollerheight+'px">'+
	'<PARAM NAME="Line0001" VALUE="SetLineStyle(0)">'+
        '<PARAM NAME="Line0002" VALUE="SetLineColor("+font_color+">'+
	'<PARAM NAME="Line0003" VALUE="SetFillColor("+font_color+")">'+
	'<PARAM NAME="Line0004" VALUE="SetFont(\''+font_family+'\', '+font_size+', 200, 0, 0, 0)">'+
	'<PARAM NAME="Line0005" VALUE="Text(\''+message[i_message].substring(0,i_meslength)+'\', 0, 0, 0)">'+
	'</OBJECT>'		
        rotationobj.Rotate(0,0,-90) 
	i_meslength+=2
	timer=setTimeout("startscroll()",50)
	}
	else {
	timer=setTimeout("changemessage()",2000)
	}
}

function changemessage() {
        i_message++
        if (i_message>=message.length) {i_message=0}
	i_meslength=0
	startscroll()
}

// -->
</script>

Pode-se configurar o formato do texto e da zona de esbatimento na parte do <STYLE>. útilizadoras avançados unicamente !

As vossas mensagens
var message = new Array()
message[0]="Scripts Dhtml ... Scripts Dhtml ... Scripts Dhtml ..."
message[1]="Uma compilação dos melhores scripts da Web."
message[2]="Todas os truques e as dicas para dinamisar vossas páginas..."
Tipo de caracteres
var font_family="Arial"
Tamanho dos caracteres
var font_size=20
a cor dos caracteres (code RGB)
var font_color="255,255,255"
a posição vertical do início do texto em relação a borda do superior em pixeis
var scrollerheight=380
O negrito dos caracteres
<PARAM NAME="Line0004" VALUE="SetFont(\''+font_family+'\', '+font_size+', 200, 0, 0, 0)">'
segundo a annotação da folha de style font-weight: 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900.

2. Inserir dentro do tag <BODY>:

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

É no div ID="backcolor" que configura-se a cor, a altura e a largura da faixa vertical.

ANÚNCIOS