使用HTML和Javascript启用/禁用选项卡

时间:2012-05-16 05:56:04

标签: javascript css html-lists

我已经能够在HTML和Javascript中启用和禁用标签。我希望当前选项卡之前的选项卡颜色应该不同并禁用,当前选项卡旁边的选项卡颜色应该禁用且颜色不同

例如: - Step1 Step2 Step3 Step4

假设选择了Step2选项卡我希望Step1的颜色应该是绿色,应该禁用它 并且Step3和Step4的颜色应为蓝色,应禁用

2 个答案:

答案 0 :(得分:0)

试试这个:     http://jsfiddle.net/LQg7W/

或者这个:     http://jsfiddle.net/i_like_robots/cc324/

答案 1 :(得分:0)

您可以使用JQuery插件而不是使用纯JavaScript。请参阅这些链接以获取一些标签导航插件。您可以下载并轻松配置。

http://webdesignledger.com/tutorials/11-useful-jquery-tab-navigation-solutions http://jqueryui.com/demos/tabs/