Zum Inhalt springen
View in the app

A better way to browse. Learn more.

Fachinformatiker.de

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Menüaufbau mit Wechselnden Buttons zu langsam!

Empfohlene Antworten

Veröffentlicht

Servus!

Ich habe auch einer neuen Seite ein Menü angelgt. Dort werden die Grauen Buttons durch Rote ersetzt wenn man mit der Maus ddrüber fährt! So wie das oft der Fall ist!

Ich verwiklich das ganze mit DHMTL!

Bloß irgendiwe dauert die Ladezeit deiser Buttons viel zu lange!

Ihr könnte euch die Seite ja mal anschauen! TSV-Goldbach.de

Kennt jemand ne bessere Lösung wie ich dieses Menü so verwirklichen könnte???

Man kann die Bilder, die beim rüberfahren mit der Maus erscheinen (in diesem Fall also die roten buttons) auch vorher laden lassen. Ich weiß gerade leider nicht, wie das geht. :/

Oder du machst die Buttons komplett in Flash, hab ich auch gemacht.

(Du bist ja zu allen Schandtaten bereit :P)

du könntest das mit JS und CSS machen.

einfach als std. für deine Menu bilder einen "filter:Alpha(opacity=40);" setzen und beim onmouseover dann auf 80 switchen. bzw lege 2 css klassen an und tausche beim mouseover die css klassen

beispiel

gruss

kills

PS: geht aber nur bei IE!!

ich weiss kein freeware tool mit dem des geht...

wirst schon flash brauchen, muss aber glaub ich ned unbedingt flash mx sein... wenn du mir sagst was du brauchst, kann ich dir sowas ja machen

meld dich einfach bei mir: dummabua@web.de

Per JS geht's z.B. so:


<html>
<head>
<title>Test BG</title>
<meta name="author" content="*I C Q*">
<script language="JavaScript">
<!--
function changebg (id, farbe)
{
document.getElementById(id).style.backgroundColor = farbe;
}
//-->
</script>
</head>
<body text="#000000" bgcolor="#FFFFFF" link="#000000" alink="#000000" vlink="#000000">
<table>
<tr>
<td id="td1" style="background-color:#00ff00;"><a href="test1.htm" onmouseover="changebg('td1','#ff0000');" onmouseout="changebg('td1','#00ff00');">Link 1</a></td>
</tr>
<tr>
<td id="td2" style="background-color:#00ff00;"><a href="test2.htm" onmouseover="changebg('td2','#ff0000');" onmouseout="changebg('td2','#00ff00');">Link 2</a></td>
</tr>
<tr>
<td id="td3" style="background-color:#00ff00;"><a href="test3.htm" onmouseover="changebg('td3','#ff0000');" onmouseout="changebg('td3','#00ff00');">Link 3</a> </td>
</tr>
</table>
</body>
</html>
[/PHP]

Funktioniert im IE ab 5.x und im Netscape ab 6.x (also auch im Mozilla)!

Die "schönere" Lösung (also ohne JS und ohne Flash sondern nur mit CSS) ist etwas komplizierter: Erstelle Deine Grafiken als GIFs mit transparentem Hintergrund und nutze das CSS-Pseudoformat a:hover, also so:

[PHP]
<html>
<head>
<title>Test BG</title>
<meta name="author" content="*I C Q*">
<style type="text/css">
<!--
a {
background: #00FF00;
}
a:hover {
background: #FF0000;
}
-->
</style>
</head>
<body text="#000000" bgcolor="#FFFFFF" link="#000000" alink="#000000" vlink="#000000">
<table >
<tr>
<td><a href="test1.html"><img src="test1.gif"></a></td>
</tr>
<tr>
<td><a href="test1.html"><img src="test2.gif"></a></td>
</tr>
<tr>
<td><a href="test1.html"><img src="test3.gif"></a></td>
</tr>
</table>
</body>
</html>

Und zu Flash:

Flash an sich ist ja ganz nett (ich hab auch gerne damit gebastelt), allerdings haben längst nicht alle User Flash installiert. Und für einen simplen MouseOver-Effekt ist's wie mit Kanonen auf Spatzen geschossen.

ICQ

  • Autor

Danke für das Angebot mit den Flash-Buttons!!

Aber ich glaube ich werde das mit dem "vor"ladesystem ausprobieren!!

Des passt auch besser zu dem Menü!!!

komme aber gerne auf dein Angebot zurück! irgendwann!!

Danke trotzdem!!

Archiv

Dieses Thema wurde archiviert und kann nicht mehr beantwortet werden.

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.