Menu

by suncannon

HTML

<div id="menu"></div>

CSS

#menu div {
    padding:10px;
    font-family:helvetica;
    border:solid 1px #ccc;
    background-color:#f7f7f7;
    width:300px;
    cursor:pointer;
    color:#333;
    font-weight:300;
}
#menu div:hover {
    background-color:#348;
    border-color:#348;
    color:#fff;
}

JavaScript

var items = [ 
  "Sign in", 
  "My account", 
  "My songs",
  "My playlists",
  "My favorites",
  "My enemies", 
  "Log out" 
];

for (var i=0;i<items.length;i++) {
    var newItem = document.createElement("div");
    newItem.innerHTML = items[i];

    var container = document.getElementById("menu");
    container.appendChild(newItem);
}