求JS的TAB代码

Question

这样试试
<ul id="tab">
<li><a href="index.php">home</a></li>
<li><a href="article.php">article</a></li>
<li><a href="news.php">news</a></li>
</ul><script>
var keyword = 'article'; // 这里是程序传的关键词变量, PHP可以这么传 var keyword=<?=$keyword?>
var lis = document.getElementById('tab').getElementsByTagName('li');
switch(keyword){
case 'article':
lis[1].className = 'selected';
break;
case 'news':
lis[2].className = 'selected';
break;
default:
lis[0].className = 'selected'; // 默认为home
}
</script>

Answer 1

非常感谢LS这个大哥
谢谢了我后来发现改PHP比较难，然后把JS部分全部放倒内部模板的HTML上，比较笨，每个内部模板赋不同的值，也可以达到我要的效果

Answer 2

不一定要用css，用gif做背景图片也可以
选中的是一张，未选中的又是一张

Answer 3

最后，因为每个内部模板都放一段JS，所以简化成这样了。
如新闻页：<script>
var lis = document.getElementById('tab').getElementsByTagName('li');
lis[2].className = 'selected';
</script>

Answer 4

因为我希望模板尽量的简洁，所以尽量少用图片，所以一直考虑的是CSS

Answer 5

因为都放到外部模板，我不知道如何传参数过来
上面的那些index.php等都是举例而，实际上我用的那个PHP程序都用的伪静态页面输出
还没有看懂代码，所以只能用笨的办法了