• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Wichtig!!!!

Status
Für weitere Antworten geschlossen.
K

Krümelmonster

Neues Mitglied
Hallo
ich will für meine buttons einen onmouseover effekt einbauen aber irgendwie funktionierts nicht
Hier ist der code:
Code: 
<a href="Bilder.htm"
onmouseover="swap('Bild.gif','bild2.gif')"
onmouseout="swap('bild2.gif','bild.gif')"><img name ="bild.gif"
src= "images\bild.gif" border = 0 alt = "Button" hspace="10" vspace="2">
 
Werbung:
Ich habe ja nicht so viel Ahnung von JavaScript, aber fehlt da nicht noch eine ganze Menge (im head)?
 
Werbung:
mach es doch einfach über css!!
das wird dan wenigstens auch überall dargestellt.

mfg Prophet
 
Werbung:
Ich kann kein CSS und javascript au ned wirklich
Ich hab des zeug dadrüber nich reingeschrieben
Könntet ihr mir den css tag schreiben?
 
@fätzminator
eigentlich kann ich kein stück javascript
deshalb bringt mir des auch nix weil da nur steht wie man nen onmouseover mit nem text macht
 
jo, prophet hat recht... du könntest z.B. schreiben:

Code: 
<style type="text/css"> 
.bild a:link {background-image:url(1.gif)} 
.bild a.visited {background-image:url(1.gif)} 
.bild a:acitve {background-image:url(1.gif)} 
.bild a:hover {background-image:url(2.gif)} 
html>body .bild a {width:147px;display:block}
</style>

<div class="bild">
[url="#"]Hallo[/url]
[url="#"]Hallo[/url]
[url="#"]Hallo[/url]
</div>
 
Werbung:
CSS-Code:
Code: 
a
{
   display:block;
   width:100px; /*breite des links*/
   height:20px; /*höhe des links*/
   line-height:20px; /*sollte der höe des links entsprechen dient dazu den text un die mitte zu schieben*/
   text-align:center;
   background-image:url(bilder/adresse.jpg); /*adresse des bilder (zwischen die klammern von url schreiben)*/
   border:solid 1px #003300; /*optional macht einen rahmen: art des rahmens, breite und farbe*/
   background-color:#003300; /*bestimmt die hintergrundfarbe*/
}

a:hover
{
   bachground-image:url(bilder/adresse_hover.jpg); /*bild beim mousover hier kannst du optional auch andere dinge verädern*/
}

das packst du in deine css datei oder in den kopf. wenn du es in den kopf packst musst du es zwischen folgendes tags schreiben:
Code: 
<style type="text/css">
   <!--

   -->
</style>

mfg Prophet
 
Ich hab aber schon n bild mit text und dazu noch 1 des in ner anderen farbe is un außerdem is des mit css voll unübersichtlich :(
 
Werbung:
Code: 
<html>
<head>
<title> Kein Titel</title>
<meta name="GENERATOR" content="Namo WebEditor v5.0">
<meta name="description" content="Fügt eine leere Dokumentvorlage ohne definierten Stil ein.">

<style type="text/css">
.bild a:link {background-image:url(Bilder.gif)}
.bild a.visited {background-image:url(Bilder2.gif)}
.bild a:acitve {background-image:url(Bilder3.gif)}
.bild a:hover {background-image:url(Bilder4.gif)}
html>body .bild a {width:150px;display:block}
</style>


<div class="bild">
[url="Bilder.htm"]Hallo[/url]
[url="Links.htm"][/url]
[url="irgendwas.htm"]Hallo[/url]
</div>



</p>
</body>
</html>
Am ende kommt bei mir dann kein mouseonover effekt sonder nur 3 hallo links hintereinander
Ich würds auch in php machn aber des kann mein server ned.
geht des mit javascript???
 
Werbung:
Werbung:
Scheiße des funktioniert immer noch nich!!!!!!!
hier is der code:
Code: 
<html>
<head>
<title> Kein Titel</title>
<meta name="GENERATOR" content="Namo WebEditor v5.0">
<meta name="description" content="Fügt eine leere Dokumentvorlage ohne definierten Stil ein.">
<title>Dynamische grafische Buttons</title>
<title>Dynamische grafische Buttons</title>
<script type="text/javascript">
Normal1 = new Image();
Normal1.src = "Links.gif";     /* erste Standard-Grafik */
Highlight1 = new Image();
Highlight1.src = "Links2.gif"; /* erste Highlight-Grafik */

Normal2 = new Image();
Normal2.src = "bilder1.gif";     /* zweite Standard-Grafik */
Highlight2 = new Image();
Highlight2.src = "bilder.gif"; /* zweite Highlight-Grafik */

Normal3 = new Image();
Normal3.src = "Ballz.gif";     /* dritte Standard-Grafik */
Highlight3 = new Image();
Highlight3.src = "ballz2.gif"; /* dritte Highlight-Grafik */

/* usw. fuer alle weiteren zu benutzenden Grafiken */

function Bildwechsel (Bildnr, Bildobjekt) {
  window.document.images[Bildnr].src = Bildobjekt.src;
}
</script>
<style type="text/css">
h1 { color:#6363A5; font-family:Arial,sans-serif; }
p  { color:#000000; font-family:Arial,sans-serif; }
</style>
</head>
<body bgcolor="#FFFFC0" background="buttonsback.gif">

<table border="0" cellpadding="0" cellspacing="0"><tr>
<td valign="top">

<a href=links.htm"
   onMouseOver="Bildwechsel(Normal1, Highlight1)"
   onMouseOut="Bildwechsel(0, Normal1)">[img]Links.gif[/img]</a>

[url="bilder.htm"][img]bilder1.gif[/img][/url]

[url="chat.htm"][img]button3.gif[/img][/url]


</td><td></td>
<td valign="top">

<h1>Dynamische grafische Buttons</h1>



[b]Fahren Sie mit der Maus über die Buttons. Sie dürfen auch draufdrücken ;-)[/b]</p>

</td>
</tr>
</table>



</p>
</body>
</html>
 
Scheiß javascript :evil: :evil: :evil: :evil: :evil: :evil: :evil: :evil: :evil: :evil: :evil: :evil: :evil: :evil: :evil: :evil: :evil: :evil: :evil: :evil: :evil: :evil: :evil: :evil:
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben