编辑模板的动态导航选项卡

时间:2013-08-22 23:15:00

标签: html css templates tabs navigation

我很擅长编码特定的javascript,所以很抱歉任何转储问题。

我要做的是重新设计模板。我需要编辑导航标签的长度。我有一个java脚本(tabs.js),它自动缩放选项卡的长度,测量我猜的字母数。问题是我如何设置相似的标签长度​​,即使单词的字母数量发生变化。

这是javascript

tabs = {

init:function(){    $(”。标签)。每个(函数(){

var th=$(this),
 tContent=$('.tab-content',th),
 navA=$('.nav a',th)

tContent.not(tContent.eq(0)).hide()

navA.click(function(){
    var th=$(this),
    tmp=th.attr('href')
    tContent.not($(tmp.slice(tmp.indexOf('#'))).fadeIn(1000)).hide()
    $(th).parent().addClass('selected').siblings().removeClass('selected').find('span').stop().animate({opacity:'0'},600);
    Cufon.refresh();
    return false;
});

这是我的HTML代码

            <header>

               <nav>
                  <ul id="menu">
                    <li><a href="#!/page_Home"><span></span><strong>EVENTS</strong></a></li>
                    <li><a href="#!/page_About"><span></span><strong>HISTORY</strong></a></li>
                    <li><a href="#!/page_Portfolio"><span></span><strong>IMPRESSIONS</strong></a></li>
                    <li><a href="#!/page_Services"><span></span><strong>BOOKING</strong></a></li>
                    <li><a href="#!/page_Contact"><span></span><strong>CONTACT</strong></a></li>
                  </ul>
               </nav>
         </header>

提前感谢您的帮助!

1 个答案:

答案 0 :(得分:0)

我想回想一下我过去读过的东西......

.setTabSize(int Size)

我很确定这会有所帮助,或者至少让你走上正轨。希望...

相关问题