一键切换样式表和内容节


Switch Stylesheet and Content Section with one click

im试图同时切换stylesheet.css和内容部分,如果用户单击顶部菜单栏上的部分。

如果我单独做其中一个,效果很好,但现在两者都不起作用。

在我的index.php中,我有一个设置样式表的函数:

<link id="pagestyle" rel="stylesheet" type="text/css" href="Style.css">
    <script type="text/javascript">
        function swapStyleSheet (sheet) {
            document.getElementById('pagestyle').setAttribute('href', sheet);
            return;
        }
    </script>

在Menu.php中是用于更改部分的代码,它还调用上面的函数。类别在列表中。

<li><a href="index.php?section=section_games" onclick="swapStyleSheet('Games.css'); return false;">Games</a></li>

使用return false语句时,样式开关正确,但内容选择不正确。如果我删除return false语句,则Content是正确的,但Style只切换了一小段时间。

有人能帮帮我吗!

谢谢大家!它现在工作。。。

我现在用onload在php文件中为标记中的每个部分加载样式表。看起来像这样:

<body onload="swapStyleSheet('Game.css')">