javascript - 如何在 jQuery 中构建滑动菜单

标签 javascript jquery css html

这是我当前的代码,但我正在尝试实现像上面那样的悬停效果 http://www.fullyillustrated.com

它有蓝色发光的东西,它会悬停在您鼠标所在的页面上,当您将鼠标放在它上面时,它会返回到您所在的页面

<nav>
  <ul>
    <li> Hover </li>
    <li>Me </li>
  </ul>
</nav>​

CSS 代码

body {
   padding: 50px;
}

li {
   float: left;
   padding: 20px;
   background: #ddd;
   cursor: pointer;
}

li:hover {
   background: #999;
}

最佳答案

这可以用 JQuery 来完成,我认为这是最好的方法。我找到了这篇文章,希望对您有所帮助:http://css-tricks.com/jquery-magicline-navigation/

关于javascript - 如何在 jQuery 中构建滑动菜单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13569738/

相关文章:

javascript - 如何停止多个警报中的 JavaScript?

html - Bootstrap 固定页眉和页脚在流体容器中滚动正文内容区域

javascript - 用 css 居中 html 内容

javascript - 如何隐藏每条记录的按钮

javascript - 为什么没有为简单的 MVC 教程调用我的 javascript 函数?为什么我也不能调试?

html - 如何将 <li> 组织成列?

css - 在图像中居中数字( rails )

javascript - 在 PHP 中循环序列化表单字段

javascript - 是否可以检测鼠标何时位于浏览器选项卡上?

javascript - 为什么jQuery或诸如getElementById之类的DOM方法找不到元素?