<script type="text/javascript">
var contents=new Array('1','2','3','4','5','6', '7', '8', '9', '10');

var i=0

//variable used to contain controlled random number
var random
var spacing="<br>"

//while all of array elements haven't been cycled thru
while (i<contents.length) {

//generate random num between 0 and arraylength-1
random=Math.floor(Math.random()*contents.length)

//if element hasn't been marked as "selected"
if (contents[random]!="selected") {
document.write( contents[random] + spacing)

//mark element as selected
contents[random]="selected"
i++
}
}
</script>

<script type="text/javascript">
KeywordArray = new Array(5); //Create Array with 5 options
KeywordArray[0] = "John";  // Option begin at 0 not 1
KeywordArray[1] = "Matt";
KeywordArray[2] = "Mike";
KeywordArray[3] = "Josh";
KeywordArray[4] = "David";
var randno = Math.floor ( Math.random() * KeywordArray.length ); //call variable from a random number(up to 5)
document.write(KeywordArray[randno]); //render code
</script>

The second version of a CSS menu

Cascading Style Sheets (CSS) is a style sheet language used to describe the look and formatting of a document written in a markup language, most commonly use in (x)HTML. These menus are based on the <ul> tag (Unordered List) and structure and designed in the CSS. In the CSS you can define what direction to “list” the menu: Horizontal or Vertical. I’ll be covering both in this two part tutorial and will be provide a complete code for both examples.