Onmouseover Teamspeak-Viewer

New member
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
 
HTML:
<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>
 

Online-Statistiken

Zurzeit aktive Mitglieder
0
Zurzeit aktive Gäste
295
Besucher gesamt
295

Neueste Themen

Beliebte Forum-Themen

X
Keine passende Antwort gefunden?