tutoriais

Flash

FrontPage

Dreamweaver

Dhtml

Html

ASP

PHP

jogos

Galerias

fóruns

Flash

TUTORIAIS DE DHTML

Um texto que desfila com um efeito esbatido nas margens.

Um texto que desfila com um efeito esbatido, um bonito efeito.

Demo : Faz"back" para rever o efeito.

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

.coverstyle {
	position:absolute;
	left:-2000px;
    	width:140px;
    	height:180px;
    	background-color:navy;
 	filter:alpha(opacity=0,finishopacity=60,style=2,startX=0px,startY=0px,finishX=120px,finishY=160px);
}
</STYLE>

<SCRIPT>
<!-- 
//SmoothScroller by Peter Gehrig 
var covertop=10
var coverleft=10
var coverwidth=140
var coverheight=180

var texttop=covertop
var textleft=coverleft+15
var textwidth=coverwidth-20
var textheight=500

var cliptop=texttop
var clipright=textwidth
var clipbottom=coverheight
var clipleft=0
var clippoints
var step=2
var pause=50
var timer

function init() {
    if (document.all) {   
	document.all.text.style.posTop=texttop
        document.all.text.style.posLeft=textleft
        document.all.cover.style.posTop=covertop
        document.all.cover.style.posLeft=coverleft
        scrolltext()
    }
}

function scrolltext() {
    if (document.all.text.style.posTop > (covertop-textheight)) {   
        cliptop+=step
        clipbottom+=step
        clippoints="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
	document.all.text.style.clip=clippoints
        document.all.text.style.posTop-=step
    }
    else {
        document.all.text.style.posTop=texttop
        cliptop=covertop
        clipbottom=coverheight
    }
    timer= setTimeout("scrolltext()",pause)
}
// -->
</SCRIPT>

Pode-se configurar o format du texto e da zona de esbatimento na parte do <STYLE>. útilisadores avançados unicamento !

2. Inserir logo após o tag <BODY>:

Aqui configura-se o texto do desfilo

3. Inserir dentro do tag <BODY>:

ANÚNCIOS