Søg
Avatar billede r9 Nybegynder
12. juli 2002 - 08:50 Der er 10 kommentarer og
1 løsning

onmouseover ?

Hej.

Jeg har følgende menu:

<html>
<head>

<style type="text/css">
a {text-decoration:none}
a:active {color;#000000}
a:link {color;#000000}
a:visited {color;#000000}
font-size:9pt;
   

</style>
</head>

<body bgcolor="#ffffff" marginheight="0" marginwidth="0"
topmargin="0" leftmargin="0" rightmargin="0"
link="#000000" vlink="#000000 alink="#000000">


<table cellpadding="10" cellspacing="0" border="0" width="100%">
<tr bgcolor="#003366">
    <td>&nbsp;</td>
</tr>
</table>
<table cellpadding="0" cellspacing="0" border="0" width="100%">
<tr bgcolor="#0099ff">
    <td></td>
</tr>
<tr>
    <td bgcolor="#3366cc">
      <table cellpadding="2" cellspacing="0" border="0" width="633" height="18">
        <tr>
          <td width="57"><a href="" class="toolbar"           
            ><font color="#FFFFFF" size="2" face="Verdana, Arial, Helvetica, sans-serif"><b>link1</b></font></a
        ></td>
          <td width="64"><a href="" class="toolbar"           
            ><font color="#FFFFFF" size="2" face="Verdana, Arial, Helvetica, sans-serif"><b>link1</b></font></a
        ><a href="/products.jsp" class="toolbar"
 
            ><font color="#FFFFFF" size="2"><b></b></font></a
        ></td>
          <td width="60"><a href="" class="toolbar"           
            ><font color="#FFFFFF" size="2" face="Verdana, Arial, Helvetica, sans-serif"><b>link1</b></font></a
        ><a href="/customers.jsp" class="toolbar"

            ><font color="#FFFFFF" size="2"><b><font face="Verdana, Arial, Helvetica, sans-serif">
            </font></b></font></a
        ></td>
          <td width="68"><a href="" class="toolbar"           
            ><font color="#FFFFFF" size="2" face="Verdana, Arial, Helvetica, sans-serif"><b>link1</b></font></a
        ><a href="/customers.jsp" class="toolbar"
   
            ><font color="#FFFFFF" size="2"><b></b></font></a
        ></td>
          <td width="63"><a href="" class="toolbar"           
            ><font color="#FFFFFF" size="2" face="Verdana, Arial, Helvetica, sans-serif"><b>link1</b></font></a
        ><a href="/downloads.jsp" class="toolbar"

            ><font color="#FFFFFF" size="2"><b></b></font></a
        ></td>
          <td width="61"><a href="" class="toolbar"           
            ><font color="#FFFFFF" size="2" face="Verdana, Arial, Helvetica, sans-serif"><b>link1</b></font></a
        ><a href="/store/" class="toolbar"
 
            ><font color="#FFFFFF" size="2" face="Verdana, Arial, Helvetica, sans-serif"></font></a
        ></td>
          <td width="201"><a href="" class="toolbar"           
            ><font color="#FFFFFF" size="2" face="Verdana, Arial, Helvetica, sans-serif"><b>link1</b></font></a
        ><a href="/jive/" class="toolbar"
 
            ><font color="#FFFFFF" size="2" face="Verdana, Arial, Helvetica, sans-serif"></font></a
        ></td>
        </tr>
      </table>
    </td>
</tr>
<tr bgcolor="#0099ff">
    <td></td>
</tr>
</table>
<table cellpadding="0" cellspacing="0" border="0" width="100%">
<tr bgcolor="#003366">
    <td></td>
</tr>
<tr bgcolor="#999999">
    <td></td>
</tr>
<tr bgcolor="#cccccc">
    <td></td>
</tr>
<tr bgcolor="#dddddd">
    <td></td>
</tr>
</table>

<table cellpadding="0" cellspacing="0" border="0" width="100%">
<tr><td></td></tr>
</table>




</body>
</html>


Jeg ønsker at når man fører musen over et link, så skal der dukke en mini firkant op foran linket.

Ligesom menuen her: http://www.intellij.com/idea/


Er der nogen der kan lave det?
Avatar billede hundevennen Nybegynder
12. juli 2002 - 09:01 #1
<html>
<head>
<style type="text/css">
a {text-decoration:none}
a:active {color;#000000}
a:link {color;#000000}
a:visited {color;#000000}
font-size:9pt;
   

</style>
<script language="JavaScript">
<!--
<!--
function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
// -->

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_showHideLayers() { //v3.0
  var i,p,v,obj,args=MM_showHideLayers.arguments;
  for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
    if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v='hide')?'hidden':v; }
    obj.visibility=v; }
}
//-->
</script>
</head>

<body bgcolor="#ffffff" marginheight="0" marginwidth="0"
topmargin="0" leftmargin="0" rightmargin="0"
link="#000000" vlink="#000000 alink="#000000">
<div id="Layer1" style="position:absolute; left:45px; top:39px; width:11px; height:5px; z-index:1; background-color: #FF66FF; layer-background-color: #FF66FF; border: 1px none #000000; visibility: hidden"></div>
<table cellpadding="10" cellspacing="0" border="0" width="100%">
  <tr bgcolor="#003366">
    <td>&nbsp;</td>
  </tr>
</table>
<table cellpadding="0" cellspacing="0" border="0" width="100%">
  <tr bgcolor="#0099ff">
    <td></td>
  </tr>
  <tr>
    <td bgcolor="#3366cc">
      <table cellpadding="2" cellspacing="0" border="0" width="633" height="18">
        <tr>
          <td width="57"><a href=" class="toolbar"           
            ><font color="#FFFFFF" size="2" face="Verdana, Arial, Helvetica, sans-serif"><b onMouseOver="MM_showHideLayers('Layer1','','show')" onMouseOut="MM_showHideLayers('Layer1','','hide')">link1</b></font></a
        ></td>
          <td width="64"><a href=" class="toolbar"           
            ><font color="#FFFFFF" size="2" face="Verdana, Arial, Helvetica, sans-serif"><b>link1</b></font></a
        ><a href="/products.jsp" class="toolbar"
 
            ><font color="#FFFFFF" size="2"><b></b></font></a
        ></td>
          <td width="60"><a href=" class="toolbar"           
            ><font color="#FFFFFF" size="2" face="Verdana, Arial, Helvetica, sans-serif"><b>link1</b></font></a
        ><a href="/customers.jsp" class="toolbar"

            ><font color="#FFFFFF" size="2"><b><font face="Verdana, Arial, Helvetica, sans-serif">
            </font></b></font></a
        ></td>
          <td width="68"><a href=" class="toolbar"           
            ><font color="#FFFFFF" size="2" face="Verdana, Arial, Helvetica, sans-serif"><b>link1</b></font></a
        ><a href="/customers.jsp" class="toolbar"
   
            ><font color="#FFFFFF" size="2"><b></b></font></a
        ></td>
          <td width="63"><a href=" class="toolbar"           
            ><font color="#FFFFFF" size="2" face="Verdana, Arial, Helvetica, sans-serif"><b>link1</b></font></a
        ><a href="/downloads.jsp" class="toolbar"

            ><font color="#FFFFFF" size="2"><b></b></font></a
        ></td>
          <td width="61"><a href=" class="toolbar"           
            ><font color="#FFFFFF" size="2" face="Verdana, Arial, Helvetica, sans-serif"><b>link1</b></font></a
        ><a href="/store/" class="toolbar"
 
            ><font color="#FFFFFF" size="2" face="Verdana, Arial, Helvetica, sans-serif"></font></a
        ></td>
          <td width="201"><a href=" class="toolbar"           
            ><font color="#FFFFFF" size="2" face="Verdana, Arial, Helvetica, sans-serif"><b>link1</b></font></a
        ><a href="/jive/" class="toolbar"
 
            ><font color="#FFFFFF" size="2" face="Verdana, Arial, Helvetica, sans-serif"></font></a
        ></td>
        </tr>
      </table>
    </td>
  </tr>
  <tr bgcolor="#0099ff">
    <td></td>
  </tr>
</table>
<table cellpadding="0" cellspacing="0" border="0" width="100%">
  <tr bgcolor="#003366">
    <td></td>
  </tr>
  <tr bgcolor="#999999">
    <td></td>
  </tr>
  <tr bgcolor="#cccccc">
    <td></td>
  </tr>
  <tr bgcolor="#dddddd">
    <td></td>
  </tr>
</table>
<table cellpadding="0" cellspacing="0" border="0" width="100%">
  <tr>
    <td></td>
  </tr>
</table>




</body>
</html>
Avatar billede hundevennen Nybegynder
12. juli 2002 - 09:01 #2
det er lavet i dreamweaver og ikke programmeret
Avatar billede r9 Nybegynder
12. juli 2002 - 09:09 #3
kan du lave firkanten meget mindre ?
Avatar billede r9 Nybegynder
12. juli 2002 - 09:17 #4
jeg har et lille ikon.
Kan det laves sådan at når jeg fører musen henover linket, så vises ikonet?
Avatar billede hundevennen Nybegynder
12. juli 2002 - 09:23 #5
det kan laves ligesom du vil ha det - som du kan se er de bare en action mouseover - mouseout lagt på title - som så tænder for det lag hvor firkanten ligger i, men du må sende mig ikonet
butler@bluemail.dk
Avatar billede r9 Nybegynder
12. juli 2002 - 10:30 #6
er sendt
Avatar billede hundevennen Nybegynder
12. juli 2002 - 10:53 #7
er ikke kommet endnu???
prøv soren23s@hotmail.com
Avatar billede r9 Nybegynder
12. juli 2002 - 10:56 #8
hvad med nu?
Avatar billede hundevennen Nybegynder
12. juli 2002 - 11:03 #9
værsegod
<html>
<head>
<style type="text/css">
a {text-decoration:none}
a:active {color;#000000}
a:link {color;#000000}
a:visited {color;#000000}
font-size:9pt;
   

</style>
<script language="JavaScript">
<!--
<!--
function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
// -->

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_showHideLayers() { //v3.0
  var i,p,v,obj,args=MM_showHideLayers.arguments;
  for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
    if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v='hide')?'hidden':v; }
    obj.visibility=v; }
}
//-->
</script>
</head>

<body bgcolor="#ffffff" marginheight="0" marginwidth="0"
topmargin="0" leftmargin="0" rightmargin="0"
link="#000000" vlink="#000000 alink="#000000">
<div id="Layer1" style="position:absolute; left:42px; top:48px; width:21px; height:22px; z-index:1; visibility: hidden" onMouseOver="MM_showHideLayers('Layer1','','show')" onMouseOut="MM_showHideLayers('Layer1','','hide')"><img src="prik.jpg" width="4" height="4"></div>
<table cellpadding="10" cellspacing="0" border="0" width="100%">
  <tr bgcolor="#003366">
    <td>&nbsp;</td>
  </tr>
</table>
<table cellpadding="0" cellspacing="0" border="0" width="100%">
  <tr bgcolor="#0099ff">
    <td></td>
  </tr>
  <tr>
    <td bgcolor="#3366cc">
      <table cellpadding="2" cellspacing="0" border="0" width="633" height="18">
        <tr>
          <td width="57"><a href=" class="toolbar"           
            ><font color="#FFFFFF" size="2" face="Verdana, Arial, Helvetica, sans-serif"><b onMouseOver="MM_showHideLayers('Layer1','','show')" onMouseOut="MM_showHideLayers('Layer1','','hide')">link1</b></font></a
        ></td>
          <td width="64"><a href=" class="toolbar"           
            ><font color="#FFFFFF" size="2" face="Verdana, Arial, Helvetica, sans-serif"><b>link1</b></font></a
        ><a href="/products.jsp" class="toolbar"
 
            ><font color="#FFFFFF" size="2"><b></b></font></a
        ></td>
          <td width="60"><a href=" class="toolbar"           
            ><font color="#FFFFFF" size="2" face="Verdana, Arial, Helvetica, sans-serif"><b>link1</b></font></a
        ><a href="/customers.jsp" class="toolbar"

            ><font color="#FFFFFF" size="2"><b><font face="Verdana, Arial, Helvetica, sans-serif">
            </font></b></font></a
        ></td>
          <td width="68"><a href=" class="toolbar"           
            ><font color="#FFFFFF" size="2" face="Verdana, Arial, Helvetica, sans-serif"><b>link1</b></font></a
        ><a href="/customers.jsp" class="toolbar"
   
            ><font color="#FFFFFF" size="2"><b></b></font></a
        ></td>
          <td width="63"><a href=" class="toolbar"           
            ><font color="#FFFFFF" size="2" face="Verdana, Arial, Helvetica, sans-serif"><b>link1</b></font></a
        ><a href="/downloads.jsp" class="toolbar"

            ><font color="#FFFFFF" size="2"><b></b></font></a
        ></td>
          <td width="61"><a href=" class="toolbar"           
            ><font color="#FFFFFF" size="2" face="Verdana, Arial, Helvetica, sans-serif"><b>link1</b></font></a
        ><a href="/store/" class="toolbar"
 
            ><font color="#FFFFFF" size="2" face="Verdana, Arial, Helvetica, sans-serif"></font></a
        ></td>
          <td width="201"><a href=" class="toolbar"           
            ><font color="#FFFFFF" size="2" face="Verdana, Arial, Helvetica, sans-serif"><b>link1</b></font></a
        ><a href="/jive/" class="toolbar"
 
            ><font color="#FFFFFF" size="2" face="Verdana, Arial, Helvetica, sans-serif"></font></a
        ></td>
        </tr>
      </table>
    </td>
  </tr>
  <tr bgcolor="#0099ff">
    <td></td>
  </tr>
</table>
<table cellpadding="0" cellspacing="0" border="0" width="100%">
  <tr bgcolor="#003366">
    <td></td>
  </tr>
  <tr bgcolor="#999999">
    <td></td>
  </tr>
  <tr bgcolor="#cccccc">
    <td></td>
  </tr>
  <tr bgcolor="#dddddd">
    <td></td>
  </tr>
</table>
<table cellpadding="0" cellspacing="0" border="0" width="100%">
  <tr>
    <td></td>
  </tr>
</table>




</body>
</html>
Avatar billede hundevennen Nybegynder
12. juli 2002 - 11:04 #10
jeg fik prikken som en bmp fil og måtte lave den til en jpg. så du skal lave den som prik.jpg og lægge den i samme bibliotek som din side her for at se det virker - den skal hedde prik.jpg
Avatar billede r9 Nybegynder
12. juli 2002 - 15:29 #11
det var faktisk GIF format jeg sendte.

Men din "kode" virker perfekt. Takker
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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel Indlæg Oprettet Seneste aktivitet
problem med download i <a href=" " download> tag i JavaScript Af Peer i JavaScript 5 27/04/202620:09 21/08/202610:41
Validering af filnavn i formular Af Strawberry i JavaScript 8 14/04/202610:11 20/04/202611:14
Mangler et JavaScript til htm side med iframe i Joomla5 Af Peder Lund Nielsen i JavaScript 2 03/02/202614:19 04/04/202616:02
Åbne en PDF fil fra en mappe Af mbl i JavaScript 9 18/04/202516:52 22/04/202512:33
Spørgsmål til cookies Af Mads i JavaScript 2 14/02/202511:47 27/06/202514:34
Se alle spørgsmål i kategorien Opret spørgsmål

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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I går 18:13 oprette et installationsmedie Af Malm i Windows
I går 13:11 Adapterstik stik på ladekabel til USB-C Af ErikHg i Andet software
15/0911:19 Ios 27 iphone låst sim Af claes57 i Apps til iOS
14/0910:42 Tidsbestemt opladning af elbil Af vbr i Andet software
13/0917:00 Film Server Af dcedata1977 i Andet software
White papers
Flere white papers »