suche html befehl

RuL3R

Commodore
Dabei seit
Dez. 2004
Beiträge
4.577
ich suche n html befehl, mit dem man wenn man mit der maus über ein icon geht, das icon z.b eine andere farbe bekommt..
 

GuardianAngel

Ensign
Dabei seit
Nov. 2004
Beiträge
138
Also wenn du nur den Style von einem Link ändern möchtest geht das mit CSS:

HTML:
<style type="text/css">
<!--
a {
 font-family: Arial;
 font-size: 12px;
 text-decoration: underline;
 color: #FF0000;
}
-->
</style>
Wenn du aber ein Bild ändern möchtest, wenn du mit der Maus drüber gehst, geht das mit JavaScript:

HTML:
<script type="text/javascript">
/* <![CDATA[ */
	/* Bilder vorladen */
	
		var b = new Array();
		b[0] = new Image();
		b[0].src = "image1.jpg";
		b[1] = new Image();
		b[1].src = "image2.jpg";
	
	/* --------------------------------- */
	
	/* OnMouseOver Effekt */
	
		function mouseoverimage(id) {
		
			if(document.getElementById(id).src == b[0].src)
			{
			
				document.getElementById(id).src = b[1].src;
			
			}
			else
			{
			
				document.getElementById(id).src = b[0].src;
			
			}
		
		}	
	
	/* -------------------------------- */
/* ]]> */
</script>

<img src="image1.jpg" id="image1" width="80" height="80" border="0" alt="image" onmouseover="mouseoverimage('image1')" onmouseout="mouseoverimage('image1')" />
 
Zuletzt bearbeitet:

AlbertLast

Lieutenant
Dabei seit
Juni 2002
Beiträge
715
es geht nachtürlich alles einfacher wenn du z.b. nur den hinter grund des icon ändern willst oder so...
nämlich mit css
.icon:hover{
background-color:irgenteinefarbe;
}
nauso gut könntes du das icon als hinter grund festelgen und in ein div box rien machen so könntes du es auch verändern wenn man mit maus rüber geht z.b.
.icon{
height:50px;
width:50px;
background-image:url();
}
.icon:hover{
background-image:url();
}
<div class="icon"></div>
 

RuL3R

Commodore
Ersteller dieses Themas
Dabei seit
Dez. 2004
Beiträge
4.577
ne .. es sollte schon ein bild sein .. ich werd das mal ausprobieren .. danke
 
Top