In diesem Tutorial möchte ich euch zeigen, wie man ganz einfach einen eigenen Layer erstellen kann. Dieser wird von der linken Seite hineinfliegen und mit einem Klick verschwindet er wieder. Dazu werden nur ein paar Zeilen in HTML, CSS und Javascript benötigt.
HTML-Basis
Zuerst erstellen wir eine simple HTML Seite mit einem <div> Element, welches unseren Layer darstellt. Die Eigenschaft onload vom <body> starten ein Intervall, welches das Einblenden des Layers startet. Durch einen Klick auf den Link „schließen“ wird die Funktion close() aufgerufen.
1 2 3 4 5 6 7 8 9 10 11 | <html> <head> <title>Meine Seite</title> </head> <body onload="startInterval()" > <div id="Layer1"> Layer1 <a href="javascript:close()">schließen</a> </div> </body> </html> |
Cascading Style Sheets