- Lösung: Javascript - TypeError: document.getElementById(...) is null
- TuxPaint - Einfaches Malprogramm für Kinder Download (Mac/System)
- Android Bildschirm-Timeout ausschalten: So geht's!
- Android Bildschirm-Timeout ausschalten: So geht's!
- Android Bildschirm-Timeout ausschalten: So geht’s!
- Lösung: Javascript – TypeError: document.getElementById(…) is null
Javascript-Fader: Einfaches Skript, um ein <DIV> auszublenden!
Das folgende „Fader“ Skript blendet ein <DIV> Element einer Seite langsam aus: In unserem Beispiel den Hintergrund, während ein Logo im Vordergrund weiterhin zu sehen bleibt. Das Skript kommt ohne JQuery und andere zusätzliche Bibliotheken aus und kann direkt eingebunden werden – das einzige, was man noch anpassen muss, sind die Position der Elemente und die Bilder für Hintergrund und Vordergrund!
<html>
<head>
<style type="text/css">
body { background-color:#000;color:#FFF; }
#hgr { width:800;height:480;position:absolute;top:0;left:0;background-image:url("hintergrund.jpg"); }
#logo { width:688;height:226;position:absolute;top:146px;left:56px;background-image:url("logo.jpg"); }
</style>
</head>
<body>
<div id="hgr"></div>
<div id="logo"></div>
<script type="text/javascript">
function fader(wert) {
var i = wert;
if(i > 1) {
var h = document.getElementById("hgr");
h.style.opacity = "0."+i;
i = i - 1;
setTimeout("fader("+i+")",100);
}
}
window.onload = fader(99)
</script>
</body>
</html>
Fragen zu diesem Tipp? In unserem Webmaster-Forum helfen wir weiter!
Das könnte Sie auch interessieren:
Ähnliche Fragen:
- einfaches, erstes Heimnetzwerk mit NAS, TV, ...
- Einfaches HTML: Code mit Attributen???
- IBM Thinkpad R50 und Ubuntu o.a.einfaches Linux
- CCleaner Trialversion wird beendet suche einfaches Ersatzprogramm
- Fehler Skript
Hallo Seit ein paar Tagen komm beim Start Win 10 Pro die Meldung Skript Fehler https://m...
- Skript - Fehler
Internetexplorer: Internetseiten die ich aufrufe zeigen oft die Fehlermeldung an: "In diesem Sk...
- Installer bzw Skript erstellen.
Hallo,ich habe ein Programm, das ich mit dem SCCM gerne auf unseren PCs installieren mö...
- Brauche Hilfe für ein Skript
- Frageassistent 1 (Seite 2) (48x gelesen)
- pc-einsteigerkurs (16x gelesen)
- datenschutz (10x gelesen)
- pc-einsteigerkurs-1-2 (9x gelesen)
- Jobs: IT-Jobs allgemein (3x gelesen)
Mehr Tipps zu Javascript-Fader: Einfaches Skript, ...
-
PHP „rename“: Mit PHP Skript mehrere Dateien umbenennen
Dieses kleine Skript hilft dabei, viele Dateien schnell und einfach umzubenennen: Das ist zum Beispiel praktisch, um allen Bildern in einem Ordner eine fortlaufende Nummer...
-
PHP „rename“: Mit PHP Skript mehrere Dateien umbenennen
Dieses kleine Skript hilft dabei, viele Dateien schnell und einfach umzubenennen: Das ist zum Beispiel praktisch, um allen Bildern in einem Ordner eine fortlaufende Nummer...
-
Webmaster: Python Code im PHP Skript ausgeben
Ob auf einem lokalen Server oder auf einem Webserver: Manchmal arbeitet man mit verschiedenen Programmen und Programmiersprachen zusammen. Mit PHP und Python geht das einfacher...
-
Webmaster: Hintergrund-Bild per CSS platzieren und zuschneiden
Ein Hintergrundbild muss nicht zwingen ein schönes Foto sein, das tatsächlich im Hintergrund angezeigt wird: Stattdessen lässt sich mit der CSS Eigenschaft "background-image" auch ein...
-
CSS: Transparente Hintergrundfarbe mit background-color
Statt einem transparenten oder halbtransparentem Hintergrundbild kann man mit CSS auch eine mehr oder weniger stark transparente Hintergrundfarbe mit background-color wählen: Die verdeckt dann ein...
-
Word Briefkopf: Logo hinzufügen!
Wenn man seinen Word Dokumenten ein eigenes Logo oder sonstiges Bild hinzufügen möchte, geht das ganz einfach über die Funktion "Kopf- und Fußzeile". Damit wird...
© Computerhilfen.de (5.081x gelesen)
Javascript-Fader: Einfaches Skript, um ein <DIV> auszublenden!
Javascript-Fader: Einfaches Skript, um ein <DIV> auszublenden!


