Einfache Dropdown-Navigation mit CSS und JavaScript

Ein typisches Aufklappmenü, umgesetzt mit reinem CSS. Internet Explorer bis Version 7 benötigt etwas Hilfe per JavaScript. Dazu habe ich die jQuery- Bibliothek eingesetzt (was zwar etwas übertrieben erscheint, ich jedoch meistens sowieso auf der Website einsetze). Getestet mit IE 6-8, Firefox 3x und Google Chrome auf PC. <!DOCTYPE html> <html lang=“en“> <head> <meta charset=“utf-8″ […]

Onepager mit jQuery

jQuery-Script um auf kleinen Webseiten (Web-Visitenkarten bzw. Onepager) zu navigieren. Inhalte werden ein- und ausgeblendet, ähnlich Accordion-Scripts. Einzelne Inhalte können aber auch über den Hash-Verweis direkt angesprungen werden, z.B. unckel.com/#kontakt. Ist kein JavaScript verfügbar, werden alle Inhalte untereinander dargestellt. Über die Navigation können diese angesprungen werden. JavaScript <script src=“http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js“></script> <script> $(function() { var navLinks = […]

CSS: Einfaches Farb-Styling von Messageboxen

… background-color:#ff6; border:2px solid #cc0; … … background-color:#6f6; border:2px solid #090; … … background-color:#f66; border:2px solid #900; … Passende Free-Icons dazu gibt’s hier: http://www.famfamfam.com/lab/icons/silk/