Avatar billede rejx Nybegynder
30. maj 2000 - 22:49 Der er 9 kommentarer og
3 løsninger

Mouse over?

Hvordan kan man lave en effekt som får et menu punkt til at komme frem og blive fremme, når man bare kører musen hen over knappen? Som på siden
http://www.minolta.dk
Avatar billede friiser Nybegynder
30. maj 2000 - 22:58 #1
Dette er godt nok ikke flash men ideen er den du leder efter

Koden er :

html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>Ny side 1</title>
</head>

<body>

<p><!--webbot bot="HTMLMarkup" startspan --><html>
<head>
<title>Undermenuer i layers</title>
<LINK REL="STYLESHEET" TYPE="text/css" HREF="../main.css">
<script language="JavaScript">
<!--

function MM_showHideLayers() { //v2.0
  var i, visStr, args, theObj;
  args = MM_showHideLayers.arguments;
  for (i=0; i<(args.length-2); i+=3) { //with arg triples (objNS,objIE,visStr)
    visStr  = args[i+2];
    if (navigator.appName == 'Netscape' && document.layers != null) {
      theObj = eval(args[i]);
      if (theObj) theObj.visibility = visStr;
    } else if (document.all != null) { //IE
      if (visStr == 'show') visStr = 'visible'; //convert vals
      if (visStr == 'hide') visStr = 'hidden';
      theObj = eval(args[i+1]);
      if (theObj) theObj.style.visibility = visStr;
  } }
}
//-->
</script>
</head>

<body>
<div id="Layer1" style="position:absolute; left:125px; top:25px; width:750px; height:255px; z-index:1; visibility: visible">
<h3>Undermenu i layers</h3>

</div>
<span id="Layer2" style="position:absolute; left:125px; top:109px; width:125; height:255px; z-index:2; visibility: visible">
  <a href="#" onMouseOver="MM_showHideLayers('document.layers[\'Layer5\']','document.all[\'Layer5\']','show','document.layers[\'Layer6\']','document.all[\'Layer6\']','hide','document.layers[\'Layer7\']','document.all[\'Layer7\']','hide')"><img src="Images/soeg.gif" width="100" height="20" border="0"></a><br>
</span>
<span id="Layer3" style="position:absolute; left:125px; top:129px; width:125; height:255px; z-index:3; visibility: visible">
  <a href="#" onMouseOver="MM_showHideLayers('document.layers[\'Layer5\']','document.all[\'Layer5\']','hide','document.layers[\'Layer6\']','document.all[\'Layer6\']','show','document.layers[\'Layer7\']','document.all[\'Layer7\']','hide')"><img src="Images/ehandel.gif" width="100" height="20" border="0"></a><br>
</span>
<span id="Layer4" style="position:absolute; left:125px; top:149px; width:125; height:255px; z-index:4; visibility: visible">
  <a href="#" onMouseOver="MM_showHideLayers('document.layers[\'Layer5\']','document.all[\'Layer5\']','hide','document.layers[\'Layer6\']','document.all[\'Layer6\']','hide','document.layers[\'Layer7\']','document.all[\'Layer7\']','show')"><img src="Images/foretrukne.gif" width="100" height="20" border="0"></a><br>
</span>
<span id="Layer5" style="position:absolute; left:250px; top:109px; width:400; height:255px; z-index:5; visibility: hidden">
<a href="http://www.altavista.com">Altavista</a><br>
<a href="http://www.webcrawler.com">Webcrawler</a><br>
<a href="http://www.jubii.dk">Jubii</a><br>
<a href="http://www.kvasir.dk">Kvasir</a><br>
</span>
<span id="Layer6" style="position:absolute; left:250px; top:129px; width:255px; height:256px; z-index:6; visibility: hidden">
<a href="http://www.iso.dk">Iso</a><br>
<a href="http://www.stop4u.com">Stop For You</a><br>
<a href="http://center.jubii.dk/">Jubii Butikscenter</a><br>
<a href="http://www.zoom.dk/">Danmarks shoppingguide</a><br>
</span>
<span id="Layer7" style="position:absolute; left:250px; top:149px; width:257px; height:257px; z-index:7; visibility: hidden">
<a href="http://www.tv2.dk">TV2</a><br>
<a href="http://www.dr.dk">DR</a><br>
<a href="http://www.dmi.dk">Danmarks Meteorologiske Institut</a><br>
<a href="http://www.tele.dk">TeleDanmark</a><br>
<a href="http://www.dsb.dk">DSB</a><br>
</span>
<div id="Layer8" style="position:absolute; left:125px; top:400px; width:750px; height:255px; z-index:8; visibility: visible">

</div>
</body>
</html><!--webbot bot="HTMLMarkup" endspan -->
</p>

</body>

</html>

De steder hvor der skal være billeder må du selv vælge hvordan de skal se ud...

-Friiser-
Avatar billede exposure Nybegynder
30. maj 2000 - 23:00 #2
En meget simpel måde at lave det på er, at hvis du f.eks. har 3 menuer, laver du 3 punkter på tidslinien hvor der er 3 forskellige menuer vist. De 3 knapper sættes så til at lave en:
     
        On (Roll Over)
            Go to and Stop (1)
        End On



Avatar billede exposure Nybegynder
30. maj 2000 - 23:01 #3
Det var et svar
Avatar billede friiser Nybegynder
30. maj 2000 - 23:14 #4
Om man vil....
Avatar billede webster Nybegynder
31. maj 2000 - 18:03 #5
Så vidt jeg kan se så bruger minolta da en flash fil til at vise "grafikken". Det ser også ud som om at de bruger javascript til at lave en "variabel" menu, så at de kan tilføje/fjerne/ændre menupunkter uden at skulle lave flash filen om. Har jeg ret i det?
Avatar billede gotcha Nybegynder
31. maj 2000 - 18:59 #6
Så vidt jeg kan se, er hele menuen lavet i Flash.

Det kan gøres meget enkelt ved at lave et bestemt antal labels og hver gang man klikker på en rund prik går den til det dertilhørende label. På den måde vil den forrige menu være synlig indtil man klikker på en rund prik.

Endelig får de menuen, der er lavet i Flash, til at kommunikere med resten af siden vha. Get Url-funktionen.

Håber det hjælper på dit spørgsmål :)

Avatar billede friiser Nybegynder
31. maj 2000 - 19:18 #7
Er der nogen der vil hjælpe mig med at lave en flash Intro ?
Avatar billede gotcha Nybegynder
01. juni 2000 - 13:49 #8
Selvfølgelig, har du en idé om, hvad den skal indeholde, tema osv. ?

:)
Avatar billede friiser Nybegynder
01. juni 2000 - 20:13 #9
Jeg ville gerne have lavet en intro alla....

http://www.face.dk

Avatar billede gotcha Nybegynder
02. juni 2000 - 00:07 #10
Hvorfor det???

Den er ikke specielt original og heller ikke særlig flot.

Kan du finde ud af Photoshop?
Avatar billede gotcha Nybegynder
02. juni 2000 - 00:12 #11
Hvad er din email forresten?
Avatar billede friiser Nybegynder
02. juni 2000 - 05:14 #12
Ja jeg kan godt finde ud af photoshop...


Min e-mail er : friiser@hotmail.com
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
IT-kurser om Microsoft 365, sikkerhed, personlig vækst, udvikling, digital markedsføring, grafisk design, SAP og forretningsanalyse.

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester