jQuery 轮播风格滑动导航菜单

Question

我目前有一个有 2 行的导航菜单；当鼠标悬停在相关菜单项上时会出现一个顶部导航和一个子导航（全部通过 CSS 完成）。

本质上，子导航将自动填充相关项目，我想知道是否可以使用 jQuery 沿着子导航滚动？

jCarousel 似乎可以做我想做的事情（水平滚动），但是我的子导航只是一堆 href 标签， span 类中的分隔符，例如：

<ul id="topnav">
        <li><a href="#" class="red">topmenu item</a>
            <span>
                <a href="#">submenu link 1</a> |
                <a href="#" class="even">submenu link 2</a> |
                <a href="#">submenu link 3</a> |
                <a href="#" class="even">submenu link 4</a> |
                <a href="#">submenu link 5</a> |
                <a href="#" class="even">submenu link 6</a> |
                <a href="#">submenu link 7</a> |
            </span>
        </li>
</ul>

有什么方法可以使用 jQuery 滚动我的 subnav href 链接，而不必将其转换为 HTML 到列表等？重做 CSS 会很痛苦；另外，我的子导航无论如何都会自动输出为 href 链接。

我只是希望出现一个小箭头，如果/当链接溢出时，用户可以单击并滚动到右侧。是否可以在不更改我已有的 HTML 的情况下实现这一点？

谢谢。