الويب العربي - قائمه رائعه بروح web2

المثال والكود تحت

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("&nbsp&nbsp"); }



 </script></td><tr><td>



  <div id="id1" class="font1">Press a button</div></td></tr></table></form>

 </BODY>

</HTML>