suche html befehl

[RuL3R]

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..

 

[-=TeuTaTes=-]

onMouseOver="pfadangabe"
glaube ich war das

 

[GuardianAngel]

Also wenn du nur den Style von einem Link ändern möchtest geht das mit CSS:

<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:

<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')" />

 

[AlbertLast]

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]

ne .. es sollte schon ein bild sein .. ich werd das mal ausprobieren .. danke