<!–Demo. 可折叠的Tab –>
<div id=”tabs2″ style=”width: 300px;”>
<ul>
<li><a href=”#tabs2-1″>One</a></li>
<li><a href=”#tabs2-2″>Two</a></li>
<li><a href=”#tabs2-3″>Three</a></li>
</ul>
<div id=”tabs2-1″>
<p>Tab1内容</p>
</div>
<div id=”tabs2-2″>
<p>Tab2内容</p>
</div>
<div id=”tabs2-3″>
<p>Tab3内容</p>
</div>
</div>
<br />
<br />
<br />
<!–Demo. 鼠标滑动即切换的Tab –>
<div id=”tabs3″ style=”width: 300px;”>
<ul>
<li><a href=”#tabs3-1″>One</a></li>
<li><a href=”#tabs3-2″>Two</a></li>
<li><a href=”#tabs3-3″>Three</a></li>
</ul>
<div id=”tabs3-1″>
<p>Tab1内容</p>
</div>
<div id=”tabs3-2″>
<p>Tab2内容</p>
</div>
<div id=”tabs3-3″>
<p>Tab3内容</p>
</div>
</div>
<script type=”text/javascript”>
/*==========用户自定义方法==========*/
/*==========事件绑定==========*/
$(function()
{
});
/*==========加载时执行的语句==========*/
$(function()
{
//默认Tabs
$(“#tabs1”).tabs();
//可折叠的Tabs
$(“#tabs2”).tabs({
collapsible: true
});
//鼠标滑动即切换的Tabs
$(“#tabs3”).tabs({
event: “mouseover”
});
});
</script>
</body>
</html>
.csharpcode, .csharpcode pre
{
font-size: small;
color: black;
font-family: consolas, “Courier New”, courier, monospace;
background-color: #ffffff;
/*white-space: pre;*/
}
.csharpcode pre { margin: 0em; }
.csharpcode .rem { color: #008000; }
.csharpcode .kwrd { color: #0000ff; }
.csharpcode .str { color: #006080; }
.csharpcode .op { color: #0000c0; }
.csharpcode .preproc { color: #cc6633; }
.csharpcode .asp { background-color: #ffff00; }
.csharpcode .html { color: #800000; }
.csharpcode .attr { color: #ff0000; }
.csharpcode .alt
{
background-color: #f4f4f4;
width: 100%;
margin: 0em;
}
.csharpcode .lnum { color: #606060; }
