通过悬停执行超链接

Question

我有一个小问题。我想通过悬停一个“a”链接去另一个网站（比如点击链接，只是没有点击:)）。这可能与CSS？如果是的话，你是怎么做到的？

Answer 1

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

使用javascript的方式：）

Answer 2

据我所知，CSS绝对无法做到这一点，但您可以使用纯JavaScript或任何高级JavaScript库进行此操作。

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

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

或者，如果您想使用jQuery：

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

Answer 3

onmouseover="function()"

window.location.href = "https://www.example.com";

现在你可以将鼠标悬停在它上面。