如何删除:悬停？

Question

我的脚本有一个小问题.
我希望对已:hover禁用Javascript的客户端进行默认操作,但对于启用了Javascript的客户,我想要另一个操作(实际上......同样的操作,但我想添加一个小的过渡效果).

那么......我怎么能这样做？我正在使用jQuery.

Answer 1

将两个类应用于relvant元素.一个包含悬停行为,一个包含所有其他样式.

然后,您可以使用jquery

$(element).removeClass('hover');

使用悬停行为删除类的方法,然后应用您想要的任何内容

$(element).bind('mouseover', function () { doSomething(); });
$(element).bind('mouseout', function () { doSomething(); });

Answer 2

将:hover后备放在仅在禁用javascript时加载的样式表中怎么样？

<noscript>
  <link href="noscript.css" rel="stylesheet" type="text/css" />
</noscript>

Answer 3

这是一个没有黑客类的解决方案:

CSS:

a {color: blue;}
a:hover {color: red;}

jQuery(使用jQueryUI为颜色设置动画):

$('a').hover( 
  function() {
    $(this)
      .css('color','blue')
      .animate({'color': 'red'}, 400);
  },
  function() {
    $(this)
      .animate({'color': 'blue'}, 400);
  }
);

演示