Onmouseover Teamspeak-Viewer

[riddig]

Hey,

auf einer Clanhomepage will ich einen Teamspeakveawer dynamisch machen.

Standart soll das Teil zu sein, also nur eine kleine Grafik mit "Teamspeak", sobald man mit der Maus auf die Grafik geht soll sich daunter ein Teamspeakviewer aufklappen und beim verlassen der Grafik, bzw im geöffneten Zustand beim verlassen der Grafik und des Viewers, soll sich das Teil wieder minimieren.

Wie ist das realisierbar, gibt es einen HTML/Java oder sonstwas Code dafür?

Ideen?

Vielen Dank!!

Riddig

 

[pixelflat]

Du hast keine Berechtigung, den Link zu sehen, bitte Anmelden oder Registrieren

Oder ohne jQuery:

Du hast keine Berechtigung, den Link zu sehen, bitte Anmelden oder Registrieren

 

[riddig]

Das hier wäre geil

Du hast keine Berechtigung, den Link zu sehen, bitte Anmelden oder Registrieren

reche seite

 

[xXxJulianxXx]

<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
$(document).ready(function() {
    
    $('#tsvoc').mouseenter(function(){
         $('#tsv').fadeIn('fast');
        });
        
    $('#tsv').mouseleave(function(){
        $(this).fadeOut('fast');
    });
});
</script>

<div style="height:20px;width:20px;background-color:#CCC;" id="tsvoc">TS</div>

<div style="height:300px;width:200px;background-color:#CCC;border:1px solid black;display:none" id="tsv">Ich bin der Teamspeak-Viewer.</div>