Newsbox Javascript (CSS)

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

Autor dieses Themas
silentsmile

silentsmile hat kostenlosen Webspace.

15:04, 21.10.2011
Hey ho Lima Community,
Ich habe ein kleines Problem:
Ich möchte eine Newsbox auf meiner Homepage haben genauso wie hier:
http://www.silentsmile.lima-city.de/SonstigeBilder/NewsVorschau.png
Ich möchte das die News nach 15 tag/sekunde">Sekunden selbstständig weitergehen und das man mit dem Pfeil Manuell weiter gehen kann.

vlt. hat jemand so einen script oder kann mir helfen.
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

lima-city: Gratis werbefreier Webspace für deine eigene Homepage
nie-genug-gewuerzt

nie-genug-gewuerzt hat kostenlosen Webspace.

21:05, 21.10.2011
Hallo,
ich würde das mit settimeout machen http://de.selfhtml.org/javascript/objekte/window.htm#set_timeout und eine Funktion, die die nächste Seite/Bild läd. (Aktuelle Bildnr. +1).
Ansonsten bei onclick auf den Pfelil auch die Funktion aufrufen.

21:38, 4.12.2011

Javascript

var startNeu = 4;
var neu1 = "Das Universum ist Entstanden."
var neu2 = "Ein Kommend l&ouml;chte die Dinosaurier aus!"
var neu3 = "Homo Sapiens Sapienses. Der neue Mensch."
var startNews = "Willkommen zu unseren Newsflash, wo nur die aktuellsten Ereignisse stehen!"

function Neuigkeiten() {
switch (startNeu) {
case 1:
document.all.news.innerHTML = neu1;
startNeu = 2;
setTimeout("Neuigkeiten()",5000);
break;
case 2:
document.all.news.innerHTML = neu2;
startNeu = 3;
setTimeout("Neuigkeiten()",5000);
break;
case 3:
document.all.news.innerHTML = neu3;
startNeu = 4;
setTimeout("Neuigkeiten()",5000);
break;
case 4:
document.all.news.innerHTML = startNews;
startNeu = 1;
setTimeout("Neuigkeiten()",5000);
break;
}
}

Hyper Text Markup Lagunge
im Body-Tag folgendes Attribut das onload-Atribute setzen. Es sieht dann wie Folgt aus:

<body onload="javascript:Neuigkeiten">

Das ist der Newsflasch:

<div id="Neu">
<p id="news">Lade...</p>
</div>

Cascarding Style Sheet
Im CSS-Sktipt kann nun unter #Neu alle Styletechnik eingesetzt werden.
Beispiel:

#Neu {
background-color: ff3300;
cursor: not-allowed;
width: 500 px;
height: 20 px;
}

So sieht's aus!

Beitrag zuletzt geändert: 4.12.2011 22:03:08 von tddv-kml

Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?

Über lima-city

lima-city bietet dir kostenlosen und werbefreien Speicherplatz für Deine Homepage. Sofort anmelden und direkt loslegen mit Webspace, PHP, Datenbanken, günstigen Domains und einer tollen Community!

kostenloser Webspace werbefrei: lima-city