使第一个链接处于活动状态Javascript

我有这个JavaScript代码，并且我想使第一个链接（选项卡）处于活动状态，所以当有人访问该网站时可以看到它处于活动状态。另外，当单击下一个标签页/链接时，第一个标签页（活动标签页/链接）必须将其自身转换为普通标签页/链接（无效），等等！使第一个链接处于活动状态Javascript

这里是JavaScript：

<script type="text/javascript"> 
    function forumhome_tabs_switch(switch_id){ 
     document.getElementById('forumhome_tabs_switch_content').innerHTML = 
     document.getElementById(switch_id).innerHTML; 
    } 
</script>

这里是HTML代码：

<td style="cursor:pointer;" onclick="javascript: forumhome_tabs_switch('forumhome_tabs_$forum[forumid]'); return false;"> 
    <a href="#" tabindex="2" onclick="javascript: forumhome_tabs_switch('forumhome_tabs_$forum[forumid]'); return false;">$forum[title]</a> 
</td>

这不是一样的东西：

<li><a href="#">1</li> 
<li><a href="#">2</li> 
<li><a href="#">3</li> 
...

也不能这样做。这就是为什么我需要帮助。上面的代码将3个链接转换为3个选项卡，因此每个选项卡都会打开页面的一部分。我只想显示第一个选项卡为活动状态，直到第二个选项卡被点击。

P.D.此外，我想通过从“a”（链接）到JavaScript代码的“onclick”。那可能吗？

来源

2013-03-21 Sergio Mironescu Iancu

我不明白：'通过 “点击”，从 “A”（链接）的JavaScript代码'？ – Raptor 2013-03-21 02:31:41

当你有一个事件处理程序时，处理程序函数中的'this'引用事件所附的元素，所以这是引用或访问相关'a'的一种方法。如果你在'li'上使用'addEventListener（）'，如果点击'A'，你就可以委托给'e.target'，例如，像这个jsfiddle一样：http://jsfiddle.net/xwgyK/2/ – 2013-03-21 02:32:03

我想这是你的意思？如果你愿意，我可以继续。 http://jsfiddle.net/ftM2b/1/ 实质上有三个“选项卡”在单击另一个时会改变状态。你可以很容易地把它变成更多的页面标签系统。

HTML

<a class="tab" id="Tab1">Tab1</a> 
<a class="tab" id="Tab2">Tab2</a> 
<a class="tab" id="Tab3">Tab3</a>

JAVASCRIPT

$(function(){ 
$(".tab").click(function() { 
$(".tab").css("background-color","blue"); 
$(this).css("background-color","red"); 
}); 
});

CSS

.tab{ 
width: 40px; 
height: 20px; 
background-color: blue; 
} 
#Tab1{ 
background-color: red; 
}

来源

2013-03-21 05:08:36 Zachrip

该脚本不是从上面使用该系统。我的意思是，结构 Tab1 ... 没有使用。它只有一个链接“class”“id”可以随意调用它，将所有类别链接到标签中。我只有这样的代码： $forum[title] – 2013-03-21 05:44:48

看到我的意思我会打开我的网站，并告诉你我在做什么。 1.转到www.1st-hacks.com 2.向下滚动页面并选择iOS.H样式（默认显示为默认样式） 3.在该样式中，您可以看到4个类别（1st-hacks，Games Section ，开发人员部分和程序员部分）。如果你用萤火虫看这些标签，你会看到4个TD'S。但在我的管理面板中，我只是在上面发布的链接上。我该如何编辑它，或者我能做些什么来制作第一个标签：直到其他标签被点击？ – 2013-03-21 06:00:40

使第一个链接处于活动状态Javascript

回答

相关问题