Question

我正在练习事件处理程序，但我似乎无法弄清楚如何使用lol.garena.ph网站上的javascript（家庭，新闻，指南等导航按钮）制作类似的鼠标悬停效果。请帮帮我。

Answer 1

基本上，您必须制作.hover课程：

.hover {
    position: relative;
    top: -5px; /* this will raise the element */
}

然后使用javascript：

将类添加到元素（标识为el）

<li onmouseover="this.className='hover';" onmouseout="this.className='';">Home</li>

当然，这只是原则。请参阅一个工作示例：http://jsfiddle.net/KbcPb/

但你可以用css：http://jsfiddle.net/42jLY/

来做

Answer 2

我正在使用它来完成我的任务。它会让它看起来像一个CSS悬停效果。

HTML代码中的

：

<h1 id="titleRegister" onmouseover="changeToBlueColor()" onmouseout="changeToBlackColor()"> Register </h1>

和javascript中的函数：

<script>
function changeToBlueColor(){
  document.getElementById("titleRegister").style.color = "blue";
}
function changeToBlackColor(){
  document.getElementById("titleRegister").style.color = "black";
}
</script>

鼠标悬停效果使用javascript

2 个答案: