css a hover禁止,我可以通过JavaScript禁用CSS：hover效果吗？

我试图阻止浏览器:hover通过JavaScript 使用CSS 的效果。

我在CSS中设置了a和a:hover样式，因为如果JS不可用，我希望获得悬浮效果。但是，如果有可用的JS ，我想用更平滑的效果覆盖CSS悬停效果(例如，使用jQuery color插件)。

我尝试了这个：

$("ul#mainFilter a").hover(

function(e){ e.preventDefault(); ...do my stuff... },

function(e){ e.preventDefault(); ...do my stuff... });

我也尝试过使用return false;，但是它不起作用。

这是我的问题的一个示例：http : //jsfiddle.net/4rEzz/。链接应该淡出而不会变灰。

如fudgey所述，一种解决方法是使用重置悬浮样式，.css()但是我必须覆盖CSS中指定的每个属性(请参见http://jsfiddle.net/raPeX/1/)。我正在寻找一个通用的解决方案。

有谁知道如何做到这一点？

PS：我不想覆盖为悬停设置的所有样式。

css a hover禁止,我可以通过JavaScript禁用CSS：hover效果吗？相关推荐

html中hover有静止的命令,我可以通过JavaScript禁用CSS：hover效果吗？
您可以使用javascript自己处理样式表和样式表规则 var sheetCount = document.styleSheets.length; var lastSheet = document. ...
asp.net 动态修改css样式,ASP.NET中直接用C# 动态修改CSS样式
ASP.NET中直接用C#动态修改CSS样式 wonsoft(wonsoft@163.com) 使用JavaScript控制CSS样式有点麻烦,还是觉得直接使用C#操作更方便快捷,本文通过两个Butt ...
css中的伪类on,【javascript/css】关于鼠标事件onmousexxx和css伪类hover
在运用鼠标移入移出事件时,一般有两种做法,一种是DOM事件的"onmouseover"和"onmouseout",还有一种是css的伪类":hover ...
手机开发必备技巧：javascript及CSS功能代码分享
1. viewport: 也就是可视区域.对于桌面浏览器,我们都很清楚viewport是什么,就是出去了所有工具栏.状态栏.滚动条等等之后用于看网页的区域, 这是真正有效的区域.由于移动设备屏幕宽度不 ...
java js获取css方法_5种JavaScript和CSS交互的方法
原标题:5种JavaScript和CSS交互的方法随着浏览器不断的升级改进,CSS和Java之间的界限越来越模糊.本来它们是负责着完全不同的功能,但最终,它们都属于网页前端技术,它们需要相互密切的合 ...
5种你未必知道的JavaScript和CSS交互的方法
随着浏览器不断的升级改进,CSS和JavaScript之间的界限越来越模糊.本来它们是负责着完全不同的功能,但最终,它们都属于网页前端技术,它们需要相互密切的合作.我们的网页中都有.js文件和.cs ...
张洪斌 html css,网页设计与制作教学课件作者HTML+CSS+JavaScript张洪斌教学资源淮安市高校教学资源共建共享平台课件.doc...
网页设计与制作教学课件作者HTML+CSS+JavaScript张洪斌教学资源淮安市高校教学资源共建共享平台课件.doc 1.淮安市高校教学资源共建共享平台CSS样式设计初学网页制作的人经常会觉得对 ...
JavaScript和CSS实现详情图片显示大图特效
<!doctype html> <html> <head><title>JavaScript和CSS实现详情图片显示大图特效</title> ...
5种JavaScript和CSS交互的方法
英文 | https://davidwalsh.name/ways-css-javascript-interact 译文 | https://www.webhek.com/post/ways-css- ...

css a hover禁止,我可以通过JavaScript禁用CSS：hover效果吗？

css a hover禁止,我可以通过JavaScript禁用CSS：hover效果吗？相关推荐

最新文章

热门文章