如何在javascript中创建动态Tab菜单?

时间:2013-12-11 12:52:50

标签: javascript html css

我需要使用java脚本创建动态标签菜单。使用jquery很容易创建。但并非所有移动设备都支持jquery。我在JavaScript中需要相同的功能。

2 个答案:

答案 0 :(得分:1)

jQuery是一个JavaScript库,移动设备支持JavaScript。此外,大多数移动设备都运行WebKit移动版。您可以使用jQuery / css3轻松构建动态选项卡。 您也可以尝试此框架:http://jquerymobile.com/

喝彩!

答案 1 :(得分:0)

试试这个

<div><div id='T1' onclick='ShowContainer(this);'>Tab 1</div><div id='T2' onclick='ShowContainer(this);'>Tab 2</div></div><div><div id='CT1' class='containers'>Tab Container1</div><div id='CT1' class='containers'>Tab Container 2</div> </div></div>
<script> function ShowContainer(obj) { for(var i = 0 ; i < document.getElementsByClassName("containers").length;i++){document.getElementsByClassName("containers")[i].style.display='none' } } document.getElementById('C'+ obj.id).style.display=''; </script>