14. maj 2002 - 19:03
Der er
13 kommentarer og
1 løsning
onMouseover til links
Hej eksperter
Vi er en gruppe, som gerne vil lave en
onMouseover effekt på nogle links,
ligesom på
www.3dmaxer.dk, hvor baggrundsfarven skifter.
Jeg ved, at vi bare kan se kildekoden til det, som de har lavet, men findes der et sted, hvor man kan se koden mere isoleret set ?
På forhånd tak.
/Martin
F.eks. har jeg noget på min side...
var ns=(navigator.appName=='Netscape' && parseInt(navigator.appVersion) == 5)?true:false;
var ie=(navigator.appName=='Microsoft Internet Explorer')?true:false;
function doOn1(obj)
{if(ie)
{clearTimeout(obj.t1);clearTimeout(obj.t2);clearTimeout(obj.t3);clearTimeout(obj.t4);}
obj.style.backgroundColor='#FF3333';} // "over" farve
function doOff1(obj)
{if(ns)
{obj.style.backgroundColor='';} // Baggrundsfarve
else{
obj.t1=setTimeout("doColor("+ obj.id +", '#EE4444')",40); //2. "over" farve
obj.t2=setTimeout("doColor("+ obj.id +", '#DD5555')",80); //3. "over" farve
obj.t3=setTimeout("doColor("+ obj.id +", '#CC6666')",120); //4. "over" farve
obj.t4=setTimeout("doColor("+ obj.id +", '#BB7777')",160); //5. "over" farve
obj.t5=setTimeout("doColor("+ obj.id +", '#AA8888')",200); //6. "over" farve
obj.t6=setTimeout("doColor("+ obj.id +", '#999999')",240); //7. "over" farve
obj.t7=setTimeout("doColor("+ obj.id +", '#88AAAA')",280); //8. "over" farve
obj.t8=setTimeout("doColor("+ obj.id +", '#77BBBB')",320); //9. "over" farve
obj.t9=setTimeout("doColor("+ obj.id +", '#66CCCC')",360); //10. "over" farve
obj.t10=setTimeout("doColor("+ obj.id +", '#55DDDD')",400); //11. "over" farve
obj.t11=setTimeout("doColor("+ obj.id +", '#44EEEE')",440); //12. "over" farve
obj.t12=setTimeout("doColor("+ obj.id +", '')",480);}} //sidste "over" farve (baggrundfarven)
function doOn2(obj)
{if(ie)
{clearTimeout(obj.t1);clearTimeout(obj.t2);clearTimeout(obj.t3);clearTimeout(obj.t4);}
obj.style.backgroundColor='#33FFFF';} // "over" farve
function doOff2(obj)
{if(ns)
{obj.style.backgroundColor='';} // Baggrundsfarve
else{
obj.t1=setTimeout("doColor("+ obj.id +", '#44EEEE')",40); //2. "over" farve
obj.t2=setTimeout("doColor("+ obj.id +", '#55DDDD')",80); //3. "over" farve
obj.t3=setTimeout("doColor("+ obj.id +", '#66CCCC')",120); //4. "over" farve
obj.t4=setTimeout("doColor("+ obj.id +", '#77BBBB')",160); //5. "over" farve
obj.t5=setTimeout("doColor("+ obj.id +", '#88AAAA')",200); //6. "over" farve
obj.t6=setTimeout("doColor("+ obj.id +", '#999999')",240); //7. "over" farve
obj.t7=setTimeout("doColor("+ obj.id +", '#AA8888')",280); //8. "over" farve
obj.t8=setTimeout("doColor("+ obj.id +", '#BB7777')",320); //9. "over" farve
obj.t9=setTimeout("doColor("+ obj.id +", '#CC6666')",360); //10. "over" farve
obj.t10=setTimeout("doColor("+ obj.id +", '#DD5555')",400); //11. "over" farve
obj.t11=setTimeout("doColor("+ obj.id +", '#EE4444')",440); //12. "over" farve
obj.t12=setTimeout("doColor("+ obj.id +", '')",480);}} //sidste "over" farve (baggrundfarven)
function doColor(obj, color)
{obj.style.backgroundColor=color;}
Du laver først en fil der hedder menu.js hvor det som jeg har skrevet står i, bare med de farver som du vil have...
Så laver du en fil der hedder overall.js hvor der står: document.oncontextmenu=doMenu;
function doMenu()
{
event.returnValue=false;
}
Så skal du jo huske at linke fra din html, ved at skrive: <SCRIPT language="JavaScript" src="menu.js"></SCRIPT>
<SCRIPT language="JavaScript" src="overall.js"></SCRIPT>
Og ja, det er javascript... Håber du kan bruge det..
Du kan godt lave det med inline styles:
<a href="kurt,html>Almindeligt link</a>
<a href="kurt.html" style="background:#00FF00">Link med grøn baggrund</a>
<a href="kurt.html" style="background:#00FF00" onmouseover="this.style.background='#FF0000'"
onmouseout="this.style.background='#00FF00'">
dette link skifter baggrundsfarve</a>
/tjacob
Ny bruger
Nybegynder
Opret
Preview
