如何在HTML中将onclick替换为onhover

Question

我有一个用html，css和js完成的网站。加载后页面显示如下：

在单击两个部分中的任何一个时，其显示如下：

我想更改onclick并将其悬停，以便用户不必单击这些部分。我是新来的。谁能帮忙吗？

以下是我的文件链接： enter link description here

Answer 1

更改事件处理方法，例如：

masks.on('click', function () {
    masks.one(edgtf.transitionEnd, function () {
        !dss.hasClass('edgtf-dss-animating') && dss.addClass('edgtf-idle');
    })
});

使用

masks.on('hover', function () {
    masks.one(edgtf.transitionEnd, function () {
        !dss.hasClass('edgtf-dss-animating') && dss.addClass('edgtf-idle');
    })
});

Answer 2

JavaScript提供的 onhover 事件与 onclick 事件相同。您只需更改 element.on（'click'） 到element.on（'hover'）。如果您使用的是Jquery，则jquery会提供以下语法

 $(document).hover(function(){ your code..})

我希望这会对您有所帮助。 ：）