CSS AUI篩選菜單是一種常用于網頁設計中的菜單組件，可以為用戶提供方便快捷的篩選功能。該菜單以CSS樣式為基礎，利用JavaScript實現交互效果，可以根據用戶的需求進行篩選，實現數據的快速、精準定位。下面我們來介紹如何使用CSS AUI篩選菜單。

<div class="filter-menu">
<a href="#" class="filter-item active">全部</a>
<a href="#" class="filter-item">最新發布</a>
<a href="#" class="filter-item">熱門推薦</a>
<a href="#" class="filter-item">價格最低</a>
<a href="#" class="filter-item">價格最高</a>
</div>
<script>
var filterMenu = document.querySelector('.filter-menu');
var filterItems = filterMenu.querySelectorAll('.filter-item');
filterItems.forEach(function(item) {
item.addEventListener('click', function() {
filterItems.forEach(function(item) {
item.classList.remove('active');
});
this.classList.add('active');
});
});
</script>

以上是一個簡單的CSS AUI篩選菜單示例代碼，其中filter-menu是菜單容器，filter-item是菜單項。我們首先通過JavaScript獲取菜單容器和菜單項，然后為每個菜單項添加點擊事件。當點擊菜單項時，我們首先移除所有菜單項的.active類，再為當前點擊的菜單項添加.active類，從而達到高亮選中效果。

CSS AUI篩選菜單具有易用性和可定制性，您可以根據實際需求對其進行樣式和功能上的定制。同時，該菜單還可和其他組件相結合，如下拉菜單、滑動條等，從而更好地滿足設計需求。