jquery - 李 :hover - is it possible to change language of text?

Question

有点奇怪，

我知道你们中的一些人可能会问为什么，但我想知道是否可以在用户将鼠标悬停在某些链接上时更改它们的语言？

nav li:hover {
   **change language here**
}

我实际上是想将英语转换为日语，我假设这不是用 CSS 完成的，有人对我如何处理这个有任何想法吗？

谢谢

Answer 1

您可以使用 javascript 来完成，但仅 CSS 的实现可能是这样的:

<ul class="languages">
    <li>
        <p class="english">English text here</p>
        <p class="japanese">Japanese text here</p>
    </li>
</ul>

使用 CSS:

.languages li .japanese { display: none; }
.languages li:hover .english { display: none; }
.languages li:hover .japanese { display: block; }

Here是一个 jsFiddle 示例。