المثال والكود تحت
http://www.donet.co.il/scripts/menu1/
كود:
<HTML>
<HEAD>
<TITLE>Form</TITLE>
<!-- Writen bY Waseem mursi -->
<style type="text/css">
input {
border: 1px solid #0000ff;
background-color: #008080;
color=#ffffff;
font-weight: bold;
}
input:hover {
border: 0px solid #ffff00;
background-color: #ffff00;
}
.font1 {
font-family: arial,tahoma;
font-size:10pt;
backgroun-color: #ff0000;
}
table {
background-color: #ffff00
}
</style>
<SCRIPT LANGUAGE="JavaScript">
var button=new Array();
var detail=new Array();
// THE BUTTONS:
button[0]="About us";
button[1]="History";
button[2]="Contact";
button[3]="work team";
button[4]="Policy";
//// THE DETAILS:
detail[0]="We are a company.. mmm actualy we are not. its just a simple jave code so leave me alone";
detail[1]="Our companies history..Our companies history..Our companies history";
detail[2]="contact us in this phone: 04-98785452154452<br>Thank you";
detail[3]="our work team are: <br>Dodo, Meme, Soso, Koko, Lolo and Nono";
detail[4]="Policy:<br>simply dont dont dont dont dont dont use this site!";
////////////////////////////// wirten by waseem mursi ///////////////////////
function show(input) {
document.getElementById("id1").innerHTML=detail[input]; }
</script>
</HEAD>
<BODY>
<form name="form1">
<table><tr><td height="5">
<SCRIPT LANGUAGE="JavaScript">
var length=button.length;
for (i=0;i<length;i++) {
document.write("<input type='button' value="+button[i]+" onClick=show("+i+");>")
document.write("  "); }
</script></td><tr><td>
<div id="id1" class="font1">Press a button</div></td></tr></table></form>
</BODY>
</HTML>