Posted By

screamwork on 06/30/10


Tagged

html tabs


Versions (?)

Who likes this?

1 person have marked this snippet as a favorite

hsousa


Yahoo Tabs


 / Published in: HTML
 

  1. <link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.8.1/build/tabview/assets/skins/sam/tabview.css">
  2. <script src="http://yui.yahooapis.com/2.8.1/build/yahoo-dom-event/yahoo-dom-event.js"></script>
  3. <script src="http://yui.yahooapis.com/2.8.1/build/element/element-min.js"></script>
  4. <script src="http://yui.yahooapis.com/2.8.1/build/tabview/tabview-min.js"></script>
  5.  
  6. <script type="text/javascript">
  7. var myTabs = new YAHOO.widget.TabView("demo");
  8.  
  9. <div id="demo" class="yui-navset">
  10. <ul class="yui-nav">
  11. <li class="selected"><a href="#tab1"><em>Tab One Label</em></a></li>
  12. <li><a href="#tab2"><em>Tab Two Label</em></a></li>
  13. <li><a href="#tab3"><em>Tab Three Label</em></a></li>
  14. </ul>
  15. <div class="yui-content">
  16. <div><p>Tab One Content sample something whatever</p></div>
  17. <div><p>Tab Two Content </p></div>
  18. <div><p>Tab Three Content ......................</p></div>
  19. </div>
  20. </div>

Report this snippet  

You need to login to post a comment.