TabControl

Top  Previous  Next

  <div mo:type="TabControl" mo:name="TabControl1" mo:needsInit="true" 
       mo:props="initialTab:'Tab1'">
 
     <!-- Tab Buttons -->
     <div mo:type="TabButtonContainer">
 
        <!-- Tab Button 1 -->
        <img mo:name="Tab1" src="n.gif" mo:type="TabButtonAnimated" mo:needInit="true"            
             mo:props="normalSource:'n1.gif', mouseOverSource:'mo1.gif', 
                       mouseDownSource:'mo2.gif', selectedSource:'s1.gif'"/>
 
        <!-- Tab Button 1 -->
       <img mo:name="Tab2" src="n.gif" mo:type="TabButtonAnimated" mo:needInit="true"  
                      mo:props="normalSource:'n2.gif', mouseOverSource:'mo2.gif', 
                                mouseDownSource:'mo2.gif', selectedSource:'s2.gif'"/>
    </div>
 
    <!-- Tab Panels -->
    <div mo:type="TabPanelContainer">
      <div mo:type="TabPanel" mo:name="Tab1">Tab Area 1</div>
      <div mo:type="TabPanel" mo:name="Tab2">Tab Area 2</div>
    </div>
 
 </div>

 
See more...

 

Required Javascript(s):

  <head> 
    ...
    <script type="text/javascript" src="moremotion/face/Tabs/Tabs.js"></script>
  </head>