×
[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。
| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <link rel="stylesheet" type="text/css" href="yui/tabview/assets/border_tabs.css" /> <link rel="stylesheet" type="text/css" href="yui/tabview/assets/tabview.css" /> <script type="text/javascript" src="yui/yahoo-dom-event/yahoo-dom-event.js"></script> <script type="text/javascript" src="yui/element/element-min.js"></script> <script type="text/javascript" src="yui/tabview/tabview-min.js"></script> <script type="text/javascript"> //<![CDATA[ YAHOO.util.Event.addListener(window, "load", loadFunc); function loadFunc() { var options = { orientation: "bottom" }; var myTabs = new YAHOO.widget.TabView("myTab", options); } //]]> </script> </head> <body> <div id="myTab" class="yui-navset"> <ul class="yui-nav"> <li class="selected"><a href="#tab1">tab1</a></li> <li><a href="#tab2">tab2</a></li> <li><a href="#tab3">tab3</a></li> </ul> <div class="yui-content"> <div id="tab1"><p>akfsdljfalsfjal</p></div> <div id="tab2"><p>jfaslkfjaskdfjofwigjawojow</p></div> <div id="tab3"><p>worueqmcbnweuqp</p></div> </div> </div> </body> </html> |
tabmenuをつくる。
orientation でタブの方向を決める。
element script はなくても動く模様。
PR
この記事にコメントする