RollOver Button - Website X5 Hilfe - Die Helpsite

Website hundertprozent CO2 neutral mit Host Europe

Direkt zum Seiteninhalt

Hauptmenü

Startseite
Übersicht/Suchen
Virtual Website X5
WSX5 Tools
Scripte
- Bildobjekte
- Bildergallerien
- Menü Navigation
- Button Navigation
- Listen Navigation
- Form-Mailer
- Multimedia
- Text- & Tabellenobjekte
  - CMS Editor
  - Texte mit Schatten
- Tools
- Attachment
- Protection
- Snipped
Tutorials
- Website X5
- Fremdscripte
  - Gästebuch Hinnendahl
- Settings
  - JavaScript aktivieren
Übersichten
- HTML & Co.
- Microsoft DOS
- Microsoft Shortcuts
- Microsoft Zeichensätze
Download
Template
Online-Tools
Imagehost
Links
Testebene
- Forum-Test
- Member-Test
Gästebuch
Kontakt
Impressum

RollOver Button

Scripte > Button Navigation

Ein simples RollOver.

Zwei Images auf den WEB-Server in das Verzeichnis "images" kopieren.

Example:

RollOver:

<img src="images/button_demo-p.gif"
onmouseover="this.src='images/button_demo-a.gif'" onmouseout="this.src='images/button_demo-p.gif'">

RollOver mit Link im gleichen Fenster:

<a href="ordner/seite.html">
<img src="images/button_demo-p.gif" width="161" height="30" alt="Test Rollover" onmouseover="this.src='images/button_demo-a.gif'" onmouseout="this.src='images/button_demo-p.gif'"/></a>

RollOver mit Link im neuen Fenster:

<a href="ordner/seite.html" target="_blank">
<img src="images/button_demo-p.gif" width="161" height="30" alt="Test Rollover" onmouseover="this.src='images/button_demo-a.gif'" onmouseout="this.src='images/button_demo-p.gif'"/></a>

RollOver zu Seite im Popup-Fenster:

<script type="text/javascript">
function popup (url) {
fenster = window.open(url, "Popupfenster", "width=500,height=400,resizable=yes");
fenster.focus();
return false;
}
</script>
<a href="tools/x5_demo.html" target="_blank" onclick="return popup(this.href);">
<img src="images/button_demo-p.gif"
onmouseover="this.src='images/button_demo-a.gif'" onmouseout="this.src='images/button_demo-p.gif'">

RollOver zu Bild im Popup-Fenster:

<script type="text/javascript">
function popup (url) {
fenster = window.open(url, "Popupfenster", "width=500,height=400,resizable=yes");
fenster.focus();
return false;
}
</script>
<a href="images/bild.jpg" target="_blank" onclick="return popup(this.href);">
<img src="images/button_demo-p.gif"
onmouseover="this.src='images/button_demo-a.gif'" onmouseout="this.src='images/button_demo-p.gif'"></a>

Feedbacks zu ""

es gibt insgesamt 0 Kommentar(e)

Name*
Vorname
Kommentar*
Email *
Homepage
Telefon
Sicherheitscode *