<script type="text/javascript" src="./prototype.js"></script>
<script type="text/javascript" src="./livepipe.js"></script>
<script type="text/javascript" src="./tabs.js"></script>
<style type="text/css">
/* Subsection Tabs
--------------------*/
ul.subsection_tabs {border-bottom:1px solid #CCCCCC;clear:both;height:20px;list-style-image:none;list-style-position:outside;list-style-type:none;margin:0 0 5px;padding:0;}
ul.subsection_tabs a {font-size:12px;font-weight:bold;text-decoration:none;line-height:20px;}
ul.subsection_tabs li.tab {float:left;margin-right:7px;text-align:center;}
ul.subsection_tabs li.tab a {background-color:#FFFFFF;color:#666666;display:block;height:20px;padding:0 6px;width:80px;}
ul.subsection_tabs li.tab a:hover {color:#666666;}
ul.subsection_tabs li.tab a.active {background-color:#DDDDDD;}
ul.subsection_tabs li.source_code {float:right;}
</style>
<body>
<!-- example 1 -->
<ul id="tabs_example_one" class="subsection_tabs">
<li class="tab"><a href="#one">One</a></li>
<li class="tab"><a href="#two">Two</a></li>
</ul>
<div id="one">
<!-- tab page one -->
</div>
<div id="two">
<!-- tab page two -->
</div>
<script type="text/javascript">
new Control.Tabs('tabs_example_one');
</script>
</body>
http://livepipe.net/control/tabs
http://f32.aaa.livedoor.jp/~azusa/?t=ajax&p=prototype_plugin_tabs
0 件のコメント:
コメントを投稿