li:悬停 - 是否可以更改文字语言？

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; }

这是一个jsFiddle示例.