phpcms 导航栏

<!-- 导航栏模板 -->
<ul class="nav">
    <?php foreach ($nav_items as $item): ?>
        <li class="<?php echo $item['active'] ? 'active' : ''; ?>">
            <a href="<?php echo $item['url']; ?>"><?php echo $item['title']; ?></a>
            <?php if (!empty($item['children'])): ?>
                <ul class="sub-nav">
                    <?php foreach ($item['children'] as $child): ?>
                        <li><a href="<?php echo $child['url']; ?>"><?php echo $child['title']; ?></a></li>
                    <?php endforeach; ?>
                </ul>
            <?php endif; ?>
        </li>
    <?php endforeach; ?>
</ul>

<!-- CSS 样式 -->
<style>
    .nav {
        list-style: none;
        padding: 0;
        margin: 0;
    }
    .nav li {
        display: inline-block;
        margin-right: 20px;
    }
    .nav li.active {
        font-weight: bold;
    }
    .sub-nav {
        display: none;
        position: absolute;
        background-color: #fff;
        border: 1px solid #ccc;
        padding: 10px;
    }
    .nav li:hover .sub-nav {
        display: block;
    }
</style>