我整晚都在寻找这个问题的答案。我在一个网站上工作,试图修改悬停效果的行为。我不确定是哪个.js文件创建了这个效果,也不知道我应该如何修改它们。
基本上,我在主页上有一个网格布局,当你将鼠标悬停在图像上时,它会显示标题和黑色覆盖。在标题上也有一些动画。
我需要添加一个媒体查询,以阻止这在手机上,并使块的标题出现在页面加载。你可以通过访问这个站点来理解我的意思。
网站在这里: theshoemaven(dot)com
我知道你可以用
var mq = window.matchMedia('@media all and (max-width: 700px)');
在javascrip
在样式表中声明:hover效果后,是否可以删除或取消它?
例如..
我在样式表中有一个具有:hover效果的类。对于这个类中的一个元素(有很多),我不希望有这些悬停效果。
因此,有没有一种方法可以简单地取消:hover效果,而不是遍历我想要做的每个类?我想这可能需要一些javascript。
用一个简单的例子来更新:
.class1 {a bunch of properties that vary based on the class}
.class1:hover {a bunch of properties that vary based on the class}
.class2 {a b
我已经编写了一些JS代码来更改鼠标悬停时的类名。
我知道它可以用CSS完成,但这只是我个人的知识。
另外,我想添加一个过渡效果。
这是我想出来的代码,尽管它不能工作。
window.onload = function() {
var links = document.getElementsByTagName("a"); //Getting ALL of the <a> tags
for(var i = 0; i < links.Length; i++) { // 'looping' through the