主页 / 问题 / 844620
Accepted
Alexander
Asked:2020-06-21 03:50:15 +0000 UTC2020-06-21 03:50:15 +0000 UTC

加载另一个页面时更改导航颜色

  • 772

导航有绝对位置，有些页面bg是暗的，导航应该是白色的，反之亦然，无法重新排序类，如何实现，我将不胜感激index.php：

<?php 
include "includes/nav.php";
 ?>
<?php 
    if (isset ($_GET['page'])) {

        $page = $_GET["page"];
        $filename = "includes/" . $page . '.php';

        if (file_exists($filename)) {
            include $filename;
        }else{
            include 'includes/home.php';
        }

    }else{
        include 'includes/home.php';
    }
 ?>
<?php 
include "includes/footer.php";
 ?>
php

1 个回答

  1. Best Answer

    有些页面bg是暗的，导航应该是白色的，反之亦然，无法重新排序类，如何实现，

    示例中的类main，你的可能会有所不同nav。检查类的存在，将其dark更改为 light ，反之亦然。

    // Код следует поместить в шапку сайта
var main = document.querySelector('.main');

if (main.classList.contains('dark')) {

  console.log('Change NAV color to light');
  //----------------------------------------------------------------
  // dark to light
  main.classList.remove('dark');
  main.classList.add('light')
  //----------------------------------------------------------------

} else {
  console.log('Change NAV color to dark');
  //----------------------------------------------------------------
  // light to dark
  main.classList.remove('light')
  main.classList.add('dark')
  //----------------------------------------------------------------

}
    /******************** Стили меняющие NAV ********************/
.dark {
  background: #000;
  color: white;
}

.light {
  background: #FFF4AA;
}
/********************  ********************/
    <div class="main dark">
  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laudantium esse rem ducimus ea ex veniam in officiis possimus. Maxime inventore eveniet est assumenda iusto labore veniam quod amet? Quam, aut!
</div>

    • 1

相关问题