header
News Box

N e w s B o x

Die neuesten Schlagzeilen lesen Sie hier

Code zum mitnehmen

head Bereich JS

<script type="text/javascript" language="JavaScript">
<!-- Begin

// für ein Popup-Window

function PopUpWindow10(Dateiname)
{
popUp = window.open(Dateiname,'InfoWindow','width=500,height=250,left=20,top=20,directories=0,status=0,scrollbars=0,resizable=0,menubar=0,locationbar=0')
}



var StartVerzoegerung = 1000;    // StartVerzögerung in Milliseunden
var Anzeigezeit = 4000;          // Rotations-Verzögerung in Milliseunden


var Texte = new Array();
Texte[0] = '<span id="Headline">Überschrift 01<\/span><span class="Zeile"> Hier Kommt text .<\/span>'


Texte[1] = '<span id="Headline">Überschrift 02<\/span><span class="Zeile"> Hier Kommt text .<\/span>'

Texte[2] = '<span id="Headline">Überschrift 03<\/span><span class="Zeile"> Hier Kommt text .<\/span>'

Texte[3] = '<span id="Headline">Überschrift 04<\/span><span class="Zeile"> Hier Kommt text .<\/span>'


var Farben = new Array();
Farben[0] = '#FF7F00';
Farben[1] = '#00AFFF';
Farben[2] = '#00BF00';
Farben[3] = '#DF00FF';
Farben[4] = '#9000E0';


var AnzeigeText = '';
var Farbe = '';
zaehler1 = 0;
zaehler2 = 0;


function Headlinefarbe() {
if (zaehler2 == Farben.length) zaehler2 = 0;
Farbe = Farben[zaehler2++];
}



function TextAnzeige() {
if (zaehler1 == Texte.length) zaehler1 = 0;
AnzeigeText = Texte[zaehler1++];
Headlinefarbe();
document.getElementById('Anzeige').innerHTML = AnzeigeText;
document.getElementById('Headline').style.color = Farbe;
setTimeout("TextAnzeige()", Anzeigezeit);
}

setTimeout("TextAnzeige()", StartVerzoegerung);

//  End -->
</script>

Markieren

head Bereich -->CSS

#AnzeigeBox {
    height: 500px;
    width: 100%;
    border: 0px solid #000091;
    text-align: left;
    font-size: 1.0em;
    -webkit-box-shadow: 1px 1px 1px 1px #91A4FF;
    box-shadow: 1px 1px 1px 1px #91A4FF;
}
#Anzeige {
    width: 100%;
    padding: 10px;
    font-size: 1.2em;
    font-weight: normal;
}
#Headline {
    font-size: 1.1em;
    color: #0090E0;
}
#Anzeige .Zeile {
    float: left;
    padding: 2%;
    margin-bottom: 3%;
    font-weight: normal;
}
#Anzeige .Link {
    font-family: Arial, Helvetica, sans-serif;
    float: left;
    padding-top: 10px;
    font-size: 11px;
    color: #0090E0;
}
#Anzeige a:link a:visited {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #0090E0;
    text-decoration: none;
}
#Anzeige a:hover {
    color: #FF007F;
    text-decoration: none;
}

Markieren

im Body Bereich

<div id="AnzeigeBox">
<div id="Anzeige">Die neuesten Schlagzeilen lesen Sie hier</div>
</div>

Markieren

Inspiration und Skript Quelle

Nach oben

Design by HomepageHelfer.org and © Hinweise & TEAM