css - 单击时如何从元素中删除悬停效果？

Question

我有这个代码 http://jsfiddle.net/F6Jqm/1/

我希望当用户单击 png 时悬停 <span>留下来。当他再次点击它时又回到原来的形式。

Answer 1

您可以通过在点击时添加一个“停留”类来做到这一点

就像这个 fiddle :http://jsfiddle.net/F6Jqm/3/

区别在于css:

#navigationMenu a:hover span, #navigationMenu a.stay span{ 
    width:auto; padding:0   20px;overflow:visible; 
}

并添加了一些jquery:

$(document).ready(function(){
    $("a").click(function(){
        $(this).toggleClass("stay");
    });
});