此代碼是從jQuery Docs取。
HTML代碼。請注意,我已經爲選項卡添加了類。現在
<div id="tabs">
<ul>
<li class="tab1"><a href="#fragment-1"><span>One</span></a></li>
<li class="tab2"><a href="#fragment-2"><span>Two</span></a></li>
<li class="tab3"><a href="#fragment-3"><span>Three</span></a></li>
</ul>
<div id="fragment-1">
<p>First tab is active by default:</p>
<pre><code>$('#example').tabs();</code></pre>
</div>
<div id="fragment-2">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
</div>
<div id="fragment-3">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
</div>
</div>
,如果你想添加的標籤多重影響,所有你需要做的是以下幾點:
$(document).ready(function(){
$("#tabs").tabs();
$("#tabs .tab1").click(function() { alert('hello world'); });
});
我沒有測試這一點,但我認爲它應該工作。
提交多個鏈接是什麼意思?你需要多個鼠標懸停標籤,你是什麼意思? – 2009-11-13 08:57:34
你想在鼠標上觸發什麼效果?點擊應該只顯示標籤內容,而不是打開新頁面。 – Steven 2009-11-13 08:58:21