Frankie: Erweiterter "Mouseover"-Effekt ...

Beitrag lesen

Hallo Dieter,

Danke für deinen Tip ...

Habe das Problem mittlerweile selber gelöst, ganz ähnlich wie Du, wenns dich interessiert:

...

<script language="JavaScript">
<!--

// Navigator

var bn=navigator.appName;
var vn=navigator.appVersion;

// Links (hat nix mit dem Hovereffekt zu tun ...)

var addr = new Array();
addr[1]="main.html";
addr[2]="products.html";
addr[3]="download.html";
addr[4]="order.html";
addr[5]="support.html";
addr[6]="about.html";
addr[7]="studio.html";

function gonow(p)
  {
  location=addr[p];
  }

// Bilder laden
  
menuimg = new Array();
if ((bn!="Microsoft Internet Explorer") (vn.substring(0,3)!="2.0"))
{
menuimg[1]= new Image ();
menuimg[1].src="flag_bild_1.gif";

menuimg[2]= new Image ();
menuimg[2].src="flag_bild_2.gif";

menuimg[3]= new Image ();
menuimg[3].src="../gifs/3rate.gif";

menuimg[4]= new Image ();
menuimg[4].src="f_en01.gif";

menuimg[5]= new Image ();
menuimg[5].src="f_de01.gif";

menuimg[6]= new Image ();
menuimg[6].src="../gifs/5rate.gif";

}

var menu = 0;
var geclickt = 0;

// beim Überfahren

function on_mouse_over(loc,img,menu)  {

if ((bn!="Microsoft Internet Explorer") (vn.substring(0,3)!="2.0"))  {

if (menu == 1 && geclickt != 1)  { loc.src=menuimg[img].src; }
   if (menu == 2 && geclickt != 2)  { loc.src=menuimg[img].src; }
   if (menu == 3 && geclickt != 3)  { loc.src=menuimg[img].src; }
  
} }

// beim Verlassen

function on_mouse_out(loc,img,menu)  {

if ((bn!="Microsoft Internet Explorer") (vn.substring(0,3)!="2.0"))  {

if (menu == 1 && geclickt != 1)  { loc.src=menuimg[img].src; }
   if (menu == 2 && geclickt != 2)  { loc.src=menuimg[img].src; }
   if (menu == 3 && geclickt != 3)  { loc.src=menuimg[img].src; }
  
} }

// beim clicken

function on_click(loc,img,menu)  {

// alles zurücksetzen, sonst bleibt das zuletzt geclickte bis zum nächste überfahren "stehen"  
  
bild1.src = menuimg[1].src;  
bild2.src = menuimg[4].src;  
bild3.src = menuimg[1].src;  

if ((bn!="Microsoft Internet Explorer") (vn.substring(0,3)!="2.0"))  {

if (menu == 1)    {
     loc.src=menuimg[img].src;
   geclickt = 1;
   }
  
   if (menu == 2)    {
     loc.src=menuimg[img].src;
   geclickt = 2;
   }
  
   if (menu == 3)    {
     loc.src=menuimg[img].src;
   geclickt = 3;
   }    
  
} }

// -->
</script>

</head>

<body background="../back/b_ast.gif" bgcolor="#102070" text="Black" link="Green" vlink="Teal" alink="Lime">

<table width="640" border="0" cellspacing="0" cellpadding="0">  
<tr>  

<td width="640" colspan="4" valign="TOP">
  <img src="flag_bild_2.gif" name="bild1" border=0 alt=""
  onMouseOver="on_mouse_over(bild1,1,1);self.status='.. essa site em portugues';return true"
     onMouseOut="on_mouse_out(bild1,2,1);self.status='';return true"
  onClick="on_click(bild1,3,1);self.status='... ausgewählt';return true">
  </td>
</tr>
<tr>
     <td width="640" colspan="4" valign="TOP">
  <img src="f_de01.gif" name="bild2" border=0 alt=""
  onMouseOver="on_mouse_over(bild2,4,2);self.status='.. essa site em portugues';return true"
     onMouseOut="on_mouse_out(bild2,5,2);self.status='';return true"
  onClick="on_click(bild2,6,2);self.status='... ausgewählt';return true">
  </td>
</tr>
<tr>
     <td width="640" colspan="4" valign="TOP">
  <img src="flag_bild_2.gif" name="bild3" border=0 alt=""
  onMouseOver="on_mouse_over(bild3,1,3);self.status='.. essa site em portugues';return true"
     onMouseOut="on_mouse_out(bild3,2,3);self.status='';return true"
  onClick="on_click(bild3,3,3);self.status='... ausgewählt';return true">
  </td>
</tr>
</table>

....