Facebook-wie top-navigation mit CSS und jQuery
Ich will die neue Facebook-wie top-navigation mit CSS und jQuery, als unten.
Und so:
Wie Sie sehen können, ist der Pfeil der popbox immer unter der gewählten nav und die popbox breiten sind gleich. Gibt es irgendein tutorial oder plugin zu machen?
- Warum nicht Sie Element Untersuchen und sehen, wie Sie es getan haben, und versuchen und zu replizieren?
Du musst angemeldet sein, um einen Kommentar abzugeben.
Den jQuery-Benachrichtigung-Menü wird perfekt sein für Sie. Es ist ein jQuery-plugin hinzufügen-Benachrichtigung Blasen und eine Benachrichtigungs-Liste ein Menü.
Können Sie ganz einfach optimieren, um Ihren gewünschten Stil durch einfaches Bearbeiten der CSS.
Schauen Sie sich diese demo.
Check-out Twitter Bootstrap. Sie haben alle coolen JavaScript-Sachen alles für Sie getan. Sie bekam auch eine sehr schöne responsive Basis-CSS, um mit zu beginnen.
Den Schlüssel zu diesem ist einfach. Mit der richtigen Kombination von ungeordneten Listen & fixed-positionierte Elemente können Sie erreichen dies ganz einfach.
Stil der dropdown-genau wie die von Facebook, Sie haben zu tun, ein bisschen mehr mit CSS, um herauszufinden, wie man die richtige Form, aber keine Sorge! Gibt es tutorials /Beispiele auf, die auch!
Tutorials auf 'Bubble Point Tooltipps':
Insgesamt empfehle ich das tutorial How to Build a Kick-Butt-CSS3-Mega-Drop-Down-Menü (es dauert nicht länger als 30 Minuten bis zu einer Stunde):