0

我已经设置了一个带有一组缩略图的页面，单击这些缩略图会显示下面的内容。内容都是绝对定位并设置为display:none并且 javascript 会为每个内容进行更改。

（我不太精通 javascript，并从本教程http://net.tutsplus.com/tutorials/html-css-techniques/how-to-create-a-slick-tabbed-content-area / )

以下是我设置链接的方式：

<a href="javascript:tabSwitch(1, 19, 'tab_', 'content_');" id="tab_1" >
<img src="image1.jpg" />
    <h3 class="designers">
        Link 1
    </h3>
</a>

其中“1”是此选项卡的编号，“19”是选项卡的总数。

这是功能代码：

    function tabSwitch(active, number, tab_prefix, content_prefix) {  

    for (var i=1; i < number+1; i++) {  
      document.getElementById(content_prefix+i).style.display = 'none';  
      document.getElementById(tab_prefix+i).className = '';  
    }  
    document.getElementById(content_prefix+active).style.display = 'block';  
    document.getElementById(tab_prefix+active).className = 'active';      

}

无论如何，一切正常，但现在我需要能够有一个 URL 来分别链接到每个选项卡，我不知道如何使用这个设置来做到这一点（如果确实有可能的话）。

我必须从头开始还是有人可以帮忙？

4

1 回答 1

0

code snippet form url link for different tabs

 <ul class="tabs">  
            <li><a href="javascript:tabSwitch(1, 2, 'tab_', 'content_');" id="tab_1" >
    <img src="image1.jpg" />
        <h3 class="designers">
            Link 1
        </h3>
    </a></li>  
            <li><a href="javascript:tabSwitch(2, 2, 'tab_', 'content_');" id="tab_2" >
    <img src="image1.jpg" />
        <h3 class="designers">
            Link 2
        </h3>
    </a>
   </li>  
  </ul>
于 2013-08-14T15:34:03.530 回答