diedVIPs

html knowhow

Infobox entfaltet sich beim scrollen









Infobox entfaltet sich beim scrollen

So sieht´s aus

Bei MeinSolargarten erhalten Sie wichtige Hinweise zum Thema Garten. Mit aktuellen Tipps und Ratschlägen. Unseren Ratgeber aktualisieren wir regelmäßig, sodass es sich lohnt, öfter vorbeizuschauen. Übrigens: Hier, bei MeinSolargarten, finden Gartenfreunde neben einer ausführlichen Bauanleitung für Garten-Accessoires auch Anpflanzanleitung für Gemüse, Blumen und Kräuter und auch Quellen, wo Sie Ihre Geräte, Maschinen, Pflanzen, Samen und Produkte über das Internet kaufen können. Auch geben wir durch zahlreiche Bilder aus unserem Garten Eindruck von dem, wie Sie Ihren Garten nachhaltig und dauerhaft verschönern könnten.
  • Htmlknowhow möchte Ihnen keine Lehrstunde in html, css oder Java geben,
  • sondern ganz praktische Tipps, wie Sie ihre Homepage optisch und inhaltlich
  • verbessern können. Html, CSS und Java bieten da super Möglichkeiten der
  • Webseiten-Gestaltung. Bevor Sie aber mit Ihrem Homepage-Projekt beginnen,
  • sollten Sie sich über Grundsätzliches informieren.


Quellcode
<html>
<head>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>
$(window).scroll(function() {
if ($(this).scrollTop()>100) { $('.myDiv').show(1000); }
else { $('.myDiv').hide(1000); } });
</script>

<style type="text/css">
#div {background: #34d234; border: 1px solid blue; padding: 5px; color: black; margin-top:50px; width:50%; text-align:left;}
</style>
</head>

<body >
<center>
<div id="div" class="myDiv">
<ul>
<li>Htmlknowhow möchte Ihnen keine Lehrstunde in html, css oder Java geben,</li>
<li>sondern ganz praktische Tipps, wie Sie ihre Homepage optisch und inhaltlich</li>
<li>verbessern können. Html, CSS und Java bieten da super Möglichkeiten der</li>
<li>Webseiten-Gestaltung. Bevor Sie aber mit Ihrem Homepage-Projekt beginnen,</li>
<li>sollten Sie sich über Grundsätzliches informieren.</li>
</ul>
</div>
</center>
</body>

</html>





Kontakt    Datenschutz    Impressum