通过悬停执行超链接

Question

我有一个很小的问题。我想通过悬停一个"a"链接(就像单击链接，只是没有单击:)(来访问另一个站点。这可以用 css 吗？如果是，你怎么做？

Answer 1

据

我所知，CSS这绝对是不可能的，但你可以用纯JavaScript或任何高级JavaScript库来做到这一点。

我给你一个简单的解决方案：

<a onmouseover="this.click();" href="...">link</a>

或者，如果要使用 jQuery ：

$('a').mouseover(function(){
    $(this).click();
});

Answer 2

 document.querySelector('#your_a_id').onmouseover = function()
 {
     window.location = "http://www.yoururl.com"; 
 }

一种使用JavaScript:)的方法

Answer 3

onmouseover="function()"
window.location.href = "https://www.example.com";

现在，您可以继续将鼠标悬停在URL上。