gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-11-28 12:28:36 27 4
gpt4 key购买 nike

我对特定于 javascript 的编码还很陌生,所以对于任何垃圾问题,预先表示抱歉。

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

这是javascript

tabs = {

初始化:函数(){ $('.tabs').each(函数(){

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>

预先感谢您的帮助!

最佳答案

我正在努力记忆我过去读过的东西......

.setTabSize(int 大小)

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

关于html - 编辑模板的动态导航选项卡,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18392268/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com