Question

我正在使用Lavalamp jquery插件。

这个jquery的问题在于点击菜单/或在回发时。所选菜单不会保留。

我知道我们需要将css类设置为“current”到我们想要选择的菜单。

但我怎么想知道在回发时选择了哪个菜单。

我现在有这些东西

<ul class="lavaLamp">
            <li  style="width: 80px;"><a href="#" onclick="getPartial(1)">Home</a></li>
            <li  style="width: 120px;"><a href="#" onclick="getPartial(2)">Contact Us</a></li>
            <li  style="width: 180px;" class="current"><a href="../Home/VolumetricWeight" onclick="getPartial(3)">
                Volumetric Weight</a></li>
            <li  style="width: 130px;"><a href="#" onclick="getPartial(4)">Banned Items</a></li>
            <li  style="width: 150px;"><a href="#" onclick="getPartial(5)">Transportation</a></li>
            <li  style="width: 131px;"><a href="#" onclick="getPartial(6)">Suggestion</a></li>
            <li  style="width: 120px;"><a href="../Home/AboutUs" onclick="getPartial(7)">About
                Us</a></li>
        </ul>


<script language="javascript" type="text/javascript">
function getPartial(variable) {
    $("ul.lavaLamp li").removeClass('current');
    $(this).addClass('current');
}

我该怎么想绕过这个？

Answer 1

这是一个简单的CSS要求。

按照这些链接，它会帮助你

http://www.search-this.com/2007/06/13/css-current-page-indicator/

http://www.pmob.co.uk/temp/nav-body6.htm

http://www.hicksdesign.co.uk/else/cssnav/faq.html

坚持CSS更改回发

1 个答案: