Question

我差不多完成了我的新网站，我想我可以在发布之前在这里和那里做一些改进。困扰我的一件事是，链接没有以任何方式加下划线或突出显示。没关系，我想要那样。但我担心某些链接不会被注意到，或者可能会在更突出的功能旁边完全消失。

所以我想知道是否有办法让用户注意到链接而没有下划线/着色/永久交替它。我在考虑例如每隔10秒（或随机）闪烁下划线/下划线，或每隔几秒钟改变颜色一点点。所有这些都不需要用户的参与（悬停在它上面）。当您查看页面时，应该有一些移动/更改以帮助用户注意链接。

我希望你们明白我的意思。无论如何我不是专家。如果有人能指出我的任何脚本/教程或任何我要感激的方向。我试着用Google搜索，但无法提出任何有用的信息。

谢谢！

Answer 1

我认为这很糟糕，您应该使用悬停以获得更好的用户体验，或者默认情况下添加下划线以使链接更易于识别，因为大多数用户都知道这是一个链接。

无论如何，如果你想这样做，你需要在你的网站上使用javascript。您可以尝试以下方法。

＆＃13;

var links = document.querySelectorAll("a")

setInterval(function() {
    for (var i = 0; i < links.length; i++) {
        var link = links[i]
        
        link.classList.toggle("toggled")
    }
}, 1000)

＆＃13;

a {
  text-decoration: none;
  color: blue;
}

a.toggled {
  color: green;
}

＆＃13;

<h1>Hello</h1>
<a href="#">This is a link!</a>
<p>Some text</p>
<a href="#">This is another link!</a>

＆＃13;

如何突出显示/指示没有鼠标悬停的链接？

1 个答案: