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

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

我想当用户单击png时将鼠标悬停在<span>上。然后当他再次单击它以返回原始表单时。

最佳答案

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

就像这个小提琴一样：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");
    });
});