如何超鏈接到標籤頁而不是主頁鏈接

我有一個頁面，帶有三個選項卡式菜單基礎和Pro。我想要的是我創建了另一個頁面，其中包含3個鏈接，我希望從此頁面的每個鏈接超鏈接到特定的標籤菜單。如何超鏈接到標籤頁而不是主頁鏈接

我怎樣做that.Is有什麼辦法可以通過標籤式菜單鏈接錨標籤

示例代碼：這兩個選項卡的基礎知識和職業特點

<ul class="tabs"> 
<li> 
<a class="current" href="#">Basic Features</a> 
</li> 
<li> 
<a class="" href="#">Pro Features</a> 
</li> 
</ul>

的feature.php接下來我做了另一個頁面說price.php與兩個鏈接第一個鏈接應超鏈接到feature.php並打開基本功能選項卡，所以當我點擊下一個鏈接，它應該超鏈接到下一個標籤專業版功能，所以我如何超鏈接到標籤

來源

2014-01-26 TaraGurung

你怎麼能指望我們回答的時候，我們沒有相關的代碼？ –

或瞭解你說的是什麼... – ElendilTheTall

您正在尋找:target選擇CSS3

這裏是工作的代碼http://jsfiddle.net/eCKmk/

來源

2014-01-26 08:01:45

另一個例子addtional到阿圖爾Gupta的鏈接。就像下面的一個例子，你可以鏈接一個像這樣的標籤;

http://fiddle.jshell.net/joycse06/v3eFa/3/show/#tabs-2

<!DOCTYPE html> 
<html> 
<head> 
    <meta http-equiv="content-type" content="text/html; charset=UTF-8"> 
    <script type='text/javascript' src='http://code.jquery.com/jquery-git.js'></script> 
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.5/jquery-ui.js"></script> 
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.js"></script> 
    <link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.13/themes/base/jquery-ui.css"> 
<script type='text/javascript'>//<![CDATA[ 
$(window).load(function(){ 
$('#tabs').tabs({ 
    select: function(event, ui) { 
     window.location.hash = ui.tab.hash; 
    } 
}); 
});//]]> 
</script> 
</head> 
<body> 
    <div id="tabs"> 
    <ul> 
     <li><a href="#tabs-1">Nunc tincidunt</a></li> 
     <li><a href="#tabs-2">Proin dolor</a></li> 
     <li><a href="#tabs-3">Aenean lacinia</a></li> 
    </ul> 
    <div id="tabs-1"> 
     <p>tab 1 content, tab 1 content, tab 1 content, tab 1 content, tab 1 content, tab 1 content, tab 1 content, </p> 
    </div> 
    <div id="tabs-2"> 
     <p>tab2 content, tab2 content, tab2 content, tab2 content, tab2 content, tab2 content, tab2 content, </p> 
    </div> 
    <div id="tabs-3"> 
     <p>tab3 content, tab3 content, tab3 content, tab3 content, tab3 content, tab3 content, tab3 content, </p> 
    </div> 
</div> 
</body> 
</html>

來源： http://jsfiddle.net/joycse06/v3eFa/3/

來源

2014-01-26 08:36:06 optional

如何超鏈接到標籤頁而不是主頁鏈接

回答

相關問題