- Home Page
- > Script DHTML
- > Script DHTML Text
- > Fading
Fading
Text that appears with fading effect.
<HTML><HEAD><TITLE>titolo</TITLE>
<STYLE type=text/css>
A:link {
COLOR: navy; TEXT-DECORATION: none
}
A:visited {
COLOR: navy; TEXT-DECORATION: none
}
A:hover {
COLOR: red; TEXT-DECORATION: underline
}
</STYLE>
<STYLE>.head {
LEFT: 230px; VISIBILITY: hidden; FONT: 20pt Tahoma, verdana, arial; WIDTH:
390px; COLOR: #c0c0c0; POSITION: absolute; TOP: 40px
}
.body {
LEFT: 200px; VISIBILITY: hidden; MARGIN: 0px; FONT: 10pt/12pt Arial, tahoma,
verdana, Helvetica, Sans-serif; WIDTH: 390px; COLOR: #000000; POSITION: absolute;
TOP: 120px
}
</STYLE>
</HEAD>
<BODY bgColor=#ffffff onload=InitializeNavigation();>
<DIV class=head id=headline onfilterchange=doBody();
style="FILTER: revealTrans(Duration=4, Transition=12)"><STRONG>INSERISCI
QUI IL TITOLO</STRONG><FONT
face="arial, tahoma, verdana"><SMALL><SMALL> presenta...
<STRONG>Dhtml</STRONG></SMALL></SMALL></FONT></DIV>
<DIV class=body id=bodytext
style="FILTER: revealTrans(Duration=10, Transition=12)">
E QUI IL TESTO....<BR>
E QUI IL TESTO....<BR>
E QUI IL TESTO....<BR>
E QUI IL TESTO....<BR>
E QUI IL TESTO....<BR>
</DIV>
<SCRIPT language=Javascript>
CurBull = 0;
document.AutoTimeout = null;
function doHead(){
if( document.IsInsideTour )
{
headline.innerHTML = altTitle.innerHTML;
}
if(document.all.headline.filters.item(0).status != 2){
document.all.headline.filters.item(0).Apply();
document.all.headline.style.visibility="visible";
document.all.headline.filters.item(0).Play();
}
}
function doBody(){
if(bodytext.filters.item(0).status != 2){
bodytext.filters.item(0).Apply();
bodytext.style.visibility="visible";
bodytext.filters.item(0).Play();
}
}
function GetHashParameter( name )
{
var hash = location.hash;
var key = "#" + name + "=";
if( ( iLeft=hash.indexOf( key ) )>=0 )
{
if( ( iRight=hash.indexOf( "#", iLeft+1 ) )<0 )
iRight=hash.length;
value = parseInt( hash.substring( iLeft+key.length, iRight ) );
if( !isNaN( value ) )
return value;
}
return null;
}
function InitializeNavigation()
{
// window defaults
document.IsInsideTour = 0;
tour = GetHashParameter( "IsInsideTour" );
if( tour!=null ) document.IsInsideTour = tour;
doHead();
}
</SCRIPT>
</BODY></HTML>
A colpo d'occhio
Be Responsive
HTML 5
HTML 5 è un linguaggio di markup utilizzato per la strutturazione e il contenuto delle pagine Web.
CSS 3
CSS 3 è l'ultima evoluzione dei fogli di stile CSS. Contiene molte novità come angoli arrotondati, ombre, sfumature, transizioni o animazioni.
jQuery
jQuery è una libreria JavaScript cross-platform progettata per semplificare lo scripting lato client.
