HTML

Transparenz und 100% Deckung bei Rollover

Diskussionsgruppen
Betriebsysteme: Windows 7; WindowsVista; WindowsXP; Linux; BS-Sonstige
Software: Textverarbeitung; Tabellenkalkulation; Datenbanken; Bildbearbeitung; Audio/mp3/Video; Security/Viren; E-Mail/Outlook; Internet Browser; SW-Sonstige
Hardware: Mainboard/CPU/RAM; Grafikkarten; Peripherie; HW Sonstiges
Netzwerk: DSL; W-Lan; Telekommunikation; NW-Sonstiges
Programmierung: Skripte(PHP,ASP,Perl...); Webseiten/HTML
Sonstiges: PC-Sonstiges; Plauderecke

Frage

Hallo allerseits, kann mir jemand erklären wie man solche Buttons wie auf der xing.com Seite programmmieren kann? Siehe: [url]http://www.xing.com[/url] ganz herunterscrollen und dort mit der maus über die logos der partner drüberfahren... wäre euch sehr dankbar

Antwort 1 von halfstone

Hi,

das ist ein Mouseover Effekt, der mit Java Script gemacht werden kann.

Dazu hat mal zwei Bilder, das Noralangezeigte und das was angezeigt wird wenn die Maus über dem Button ist, die dann per Javascript ausgetauscht werden.

Gruß fabian

Antwort 2 von katy

Hallo dasbinichich,

prinzipiell geht das auch ohne JavaScript. Ich hab dir mal ein Beispiel mit Erklärung rausgesucht bei: CSS4You.

katy

Antwort 3 von Friedel

So wie Fabian es beschreibt, würde es zwar gehen, aber normalerweise macht man das nicht so. Das geht ohne JavaScript viel einfacher. Normalerweise macht man das mit CSS und Hover. So ist es auch bei Xing gemacht. Du kannst im Quellcode von Xing mit ein paar Htmlkenntnissen selbst nachsehen, wie das gemacht wurde. Lies dir dazu am besten mal http://www.ohne-css.gehts-gar.net/0022.php durch.

Antwort 4 von dasbinichich

heya...

vielen dank für die raschen und ausführlichen antworten. habs schon hinbekommen.

viel spaß noch bei was auch immer ihr grad anstellt ;)