Wednesday, April 27, 2005

JS for menu without iFrame 


<HTML>
<HEAD>
<TITLE> menu with out iFrame. </TITLE>
</HEAD>
<script>
function showDiv(val){
 if(val){
     var pos = div1.style.posLeft+div1.style.posWidth;
      div2.style.position="absolute";
      div2.style.top = div1.style.top;
      div2.style.left=pos;
      div2.style.display="";

 }else
 {
     div2.style.display="none";
 }
}
</script>
<BODY>

 <div id="div1" STYLE="position:absolute;left:0;top=10;
     cursor:hand;width:60;color:red;background-color:beige;"
     onmouseover="showDiv(true)" onmouseout="showDiv(false)">
         div code
 </div>
 <br>This is the menu example with out iFrame.
 <DIV id="div2"  STYLE="position:relative; color:red;
      background-color:beige;font-weight:bold;  display:none" >
     <Table onmouseover="showDiv(true)"
         onmouseout="showDiv(false)"border='0'>
         <tr>
             <td>
                 one value
             </td>
         </tr>
             <td>
                 two value
             </td>
         </tr>
     </Table>
 </DIV>
</BODY>
</HTML>


posted by Pavan Medishetty @ 2:24 PM   0 comments

0 Comments:

Post a Comment

<< Home