AW: Joomla Pop Up?
Meinst du die Navigation, also einen schlichten Rollover-Effekt, oder den Effekt beim "Mein PSD"-Menü?
Letzterer ist mit Javascript realisiert, genauergesagt mit dem jQuery-Framework.
Der Code im Javascript-File in diesem Falle so aus:
(Ich hoffe, das verstößt jetzt nicht gegen irgendwelche Copyrights oder Forenregeln. Sollte es das bitte ich einen Moderator den Code-Teil schnell zu entfernen!!)
Code:
function meinPSD() {
$('#login .chosen').removeClass('chosen'); // Default-CSS für Anzeige ohne CSS entfernen
$('#login-box').hide().prepend('<div class="arrow">↓</div>'); // JS-eigene Pfeillösung (animationsbedingt)
$('#login .mein-psd a').mouseenter(function(){ // Beim Überfahren des Handlers, Login-Box einblenden
$(this).parents('.mein-psd').find('#login-box').stop(true, true).fadeIn(500);
});
$('html').not('#login-box').click(function(e){ // Klick ins Dokument, Login-Box ausblenden, außer Klick ging auf die Box selbst
if( $(e.target).parents('#login-box').attr('id') != 'login-box' ) {
$('#login-box').stop(true, true).fadeOut(500);
}
});
$('#login-box').mouseenter(function(){ // fadeOut beim Überfahren der Login-Box unterbrechen und Login-Box wieder einblenden
$(this).stop(true, true).fadeIn(500);
});
}
Kurz etwas zur groben Funktionsweise (wirklich nur grob erklärt):
Die Box ist eigentlich schon da, wird aber mittels jQuery bzw. Javascript ausgeblendet wenn die Seite geladen wird.
Beim Überfahren der Schaltfläche mit der Maus wird sie eingeblendet, bleibt es dann auch bis man irgendwo auf der Seite hinklickt, außer es ist auf die Box selbst. Dann wird sie wieder ausgeblendet.
Wenn Javascript deaktiviert ist, ist die Box immer eingeblendet und der Effekt existiert nicht.
Um sowas zu realisieren, solltest du dir ein paar jQuery-Tutorials durchlesen (gibts auch hier auf psd-tutorials). Ein Plugin, wenn es das für so eine kleine Sache überhaupt gibt, brauchst du nicht.
Mit dem in Joomla meiner Meinung schon enthaltenen mootools (auch ein Javascript-Framework) sollte das ganze ähnlich funktionieren. Du kannst aber auch einfach jQuery benutzen.
Ich hoffe, das hat dir etwas geholfen?!
