script för rollover i länkmeny ?

Något sådant här kanske?:

<a href="Index.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image2','','bilden2.gif',0)"><img name="Image2" border="0" src="bilden1.gif"></a>

Skall du ha många bilder så är det bra att ha en imagepreeloader så att de "undre" bilderna redan finns på plats när du för musen över länken.

<script language="JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.0
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && document.getElementById) x=document.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>

Nja, det kommer inte fungera, för där måste man föra pekaren över bilden som ska bytas ut. Men jag vill föra pekaren över en textlänk. Bilden som ska ändras ska således ligga jämter textlänken.

Sorry, det funkade som jag hade tänkte mig Undrar bara över kodsnutten som säger: onMouseOver="MM_swapImage('pict1','navarrow2.gif',' ',0)" Jag ändrade och satte navarrow2.gif som bilden heter från straxt före nollan till direkt efter pict1. Det funkade inte annars. Men vad ska man skriva innan nollan? Är det där den ursprungliga bilden ska stå? Den som var från början och som man ska ändra tillbaka till.

Slit det med hälsan:

<script>
var isIMG = document.images;
var Arrowon;
var Arrowoff;

if (isIMG) {
   Arrowon = new Image(17,17);
   Arrowon.src = "arrow_on.gif";
   Arrowoff = new Image(17,17);
   Arrowoff.src = "arrow_off.gif";
}
function Arrow(Arrowname) {
   if (isIMG) {
     document[Arrowname].src = (document[Arrowname].src.indexOf('arrow_on.gif') != -1) ? 'arrow_off.gif' : 'arrow_on.gif';

   }
}
</script>

<img name=news src="arrow_off.gif" height=17 width=17 hspace=3><a target=_top href="sidan.html" onMouseOver="Arrow('news')" onMouseOut="Arrow('news')">News</a> 
</body>

Tackar Jesper

En grej dock som jag inte riktigt greppar. På samma sida som jag länkade till så har de angett utseende på rullisten i IE, men när jag kollar i källkoden för sidan så kan jag inte hitta koden för det. Hmm .....

Är det det här du tänker på?:

body { scrollbar-arrow-color: #CCCCCC; scrollbar-3dlight-color: #111111; scrollbar-highlight-color: #666666; scrollbar-face-color: #444444; scrollbar-shadow-color: #191919; scrollbar-track-color: #111111; scrollbar-darkshadow-color: #191919}

http://image.com.com/gamespot/shared4/styles/gs_ie.css

Där hade vi det Jag såg ingen inlänkad css heller men den finns tydligen där