Thema: Licht ein/aus
-
30.08.2012, 00:39 #1
Licht ein/aus
HTML-Code:<html> <head> <title>Test</title> <style> #Wrapper{ position:relative; height:20px; width:110px; text-align:right; } #lightsOff, #lightsOn{ color:#666; position:relative; } #lightsOn { display:none; } #Main { background:#000; height:100%; width:100%; position:fixed; left:0px; top:0px; display:none; } </style> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <script> $(document).ready(function() { $("#lightsOff").click(function () { $("div#Main").css({opacity: 0, display: "block"}).animate({opacity: 0.9},500); $("#lightsOff").fadeOut(500); $("#lightsOn").fadeIn(500); return false; }); $("#lightsOn").click(function () { $("div#Main").fadeOut(500); $("#lightsOn").fadeOut(500); $("#lightsOff").fadeIn(500); return false; }); }); </script> </head> <body> <div id="Main"></div> <div id="Wrapper"> <a href="#" id="lightsOff">Turn off the lights!</a> <a href="#" id="lightsOn">Turn on the lights!</a> </div> </body> </html>
Test
Ähnliche Themen
-
Komisches Licht am Himmel
Von IceNet im Forum RealLifeAntworten: 16Letzter Beitrag: 30.12.2017, 16:47 -
Das Licht aus, Licht an Spiel ...
Von milchbubix im Forum OffTopicAntworten: 15Letzter Beitrag: 27.04.2015, 12:20 -
Licht an/aus Spiel
Von 19Madd91 im Forum OffTopicAntworten: 174Letzter Beitrag: 12.07.2011, 19:59
Diese Seite nutzt Cookies, um das Nutzererlebnis zu verbessern. Klicken Sie hier, um das Cookie-Tracking zu deaktivieren.