Mit „explodieren“ meine ich so etwas wie „die Menüblöcke scheinen sich vertikal auszudehnen“, aber Sie verstehen, was ich meine. Die Theorie besagt, dass Sie beim Überfahren mit der Maus die Höhe und Position eines Elements ändern können (oder die Breite oder vieles andere). Wenn Sie die Dinge genau richtig einrichten, können Sie tatsächlich Objekte haben, die wachsen und ihre Position nicht wirklich ändern. Das ist ein wenig wie das Hoverbox Menu von Design Meme. Dies kann ein überraschender und interessanter Effekt für Webseiten sein. Dieses Konzept kann (offensichtlich) für viele verschiedene Zwecke angepasst werden. Es ist außerdem ziemlich leichtgewichtig und lädt schnell, da alles mit CSS gemacht ist.
Wie immer, schauen Sie sich gerne das Live-Beispiel an und laden Sie es herunter, manipulieren und verwenden Sie es, wie Sie möchten. Eine kleine Warnung: Ich war nicht so vorsichtig mit meinem Photoshopping, wie ich es hätte sein sollen, daher gibt es hier und da ein paar Pixel, die nicht ganz stimmen. Sie sollten es aber beheben können =), die .psd ist enthalten.
Ich liebe dieses Beispiel, aber es funktioniert nicht in Internet Explorer 6.0, zumindest in meinen Tests. So sehr ich diesen Browser auch hasse… [nie endende Debatte folgt].
Ja, es ist in IE 6 kaputt. Das habe ich noch nicht ganz hinbekommen. Ich glaube nicht, dass IE die Tatsache mag, dass sich die Höhe beim Überfahren mit der Maus ändert. Ich weiß aber nicht warum, das ist neu für mich. Es ist keine Pseudoklasse oder so etwas…