Just nu i M3-nätverket
Jump to content

Kod för snygg dopd-down meny?


Spider84

Recommended Posts

Jag har problem med att hitta en kodning för en snygg drop-down meny. Så mycket kan jag inte att jag kan sätta mig och koda en egen heller.

 

Jag skulle vilja ha tag på något som liknar denna:

 

http://www.akademiskridkonst.se/extra/meny4.html

 

Men som går att fälla upp och ned.

 

Någon som känner sig manad att hjälpa?

 

(givetvis behöver den inte vara i css)

 

Link to comment
Share on other sites

Så mycket kan jag inte att jag kan sätta mig och koda en egen heller.
Men det kan jag ;)

http://eforum.kicks-ass.net/dropMenu.htm'>http://eforum.kicks-ass.net/dropMenu.htm

 

[log]

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>OnMouseOver</title>
<script language="JavaScript" type="text/JavaScript">
<!--
var lobj = 0;
function displayObject(id) {
  var obj = document.getElementById(id);
  if (!lobj) {
     obj.style.display = "block";
     lobj = obj
  } else {
     if (obj.getAttribute("id") == lobj.getAttribute("id")) {
        obj.style.display = "none";
        lobj = 0;
     } else {
        lobj.style.display = "none";
        obj.style.display = "block";
        lobj = obj
     }
  }
}
-->
</script>
<style type="text/css">
<!--
.menuItem {
  position:relative;
  display:block;
  width:170px;
  height:24px;
  margin-top:4px;
  padding-top:3px;
  background-color: #000080;
  font-family:Arial, Helvetica, sans-serif;
  font-size:14px;
  font-weight:bold;
  color: #FFFFFF;
  text-indent:4px;
  }

.menuItemOver{
  position:relative;
  display:block;
  width:170px;
  height:24px;
  margin-top:4px;
  padding-top:3px;
  background-color: #3868B8;
  font-family:Arial, Helvetica, sans-serif;
  font-size:14px;
  font-weight:bold;
  color: #FFFFFF;
  text-indent:4px;
  cursor:pointer;
  }

.subMenu A:link, .subMenu A:visited{ 
  position:relative;
  display:block;
  clear:right;
  width:125px;
  height:18px;
  margin-top:2px;
  margin-bottom:2px;
  margin-left:45px;
  padding-top:3px;
  background-color: #3399CC;
  font-family:Arial, Helvetica, sans-serif;
  font-size:10px;
  font-weight:normal;
  color: #FFFFFF;   
  text-decoration:none;
  text-indent:3px;
  }

.subMenu A:hover{ 
  position:relative;
  display:block;
  clear:right;
  width:125px;
  height:18px;
  margin-top:2px;
  margin-bottom:2px;
  margin-left:45px;
  padding-top:3px;
  background-color: #000080;
  font-family:Arial, Helvetica, sans-serif;
  font-size:10px;
  font-weight:normal;
  color: #FFFFFF;   
  text-decoration:none;
  text-indent:3px;
  }

-->
</style>
</head>
<body>
<DIV class="menuItem" onMouseOver="this.className='menuItemOver'" onMouseOut="this.className='menuItem'" onclick="displayObject('sub1')">Ridstilen</DIV>
  <DIV id="sub1" style="display:none;" class="subMenu">
     <A href="historia.htm">HISTORIA</A>
     <A href="historia.htm">RÖRELSER</A>
     <A href="historia.htm">FILOSOFI</A>
  </DIV>

<DIV class="menuItem" onMouseOver="this.className='menuItemOver'" onMouseOut="this.className='menuItem'" onclick="displayObject('sub2')">Hästens kropp</DIV>
  <DIV id="sub2" style="display:none;" class="subMenu">
     <A href="historia.htm">ANATOMI</A>
     <A href="historia.htm">VINKLAR</A>
  </DIV>
</body>
</html>

[/log]

Borde inte vara några problem att utöka och anpassa efter behov och tycke/smak. Hojta till om du kör fast.

 

/Cluster

------------------------------------------------------

"Den som försummar att dricka ur erfarenhetens källa

kommer troligen att dö av törst i okunnighetens öken."

------> http://eforum.kicks-ass.net <------

 

Link to comment
Share on other sites

Bara att tacka och ta emot!! :thumbsup:

 

Jag ska sätta mig med den under nästa vecka så dåfår jag hojta till om det är något jag int ehänger med på.

 

 

/Renée

 

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.



×
×
  • Create New...