滚动时,导航条悬停在所有链接上激活
Navbar Hover activates on All Links when Scrolling
我正在使用一个免费的html5主题来建立一个网站,需要一些帮助与导航栏悬停功能。要查看原始的html5主题,请访问" http://www.templatemo.com/free-website-templates/430-robotic
主题是一个单页主题,但是我正在转换成一个多页主题。最初在主题中,您可以单击菜单项,它会向下滚动页面到该内容,但我希望它在同一窗口中为该内容打开新页面。就像一个正常的网站那样。下面是HTML和CSS。
html
<div class="templatemo_menu">
<div class="templatemo_socialmedia">
<div class="templatemo_social">
<a href="http://www.Facebook.com/GreenHouseEffectUSA">
<img src="images/facebook.png" alt="templatemo facebook">
</a>
</div>
<div class="templatemo_social">
<a href="https://twitter.com/greenhouse_usa">
<img src="images/twitter.png" alt="templatemo twitter">
</a>
</div>
<div class="templatemo_social">
<a href="#">
<img src="images/youtube.png" alt="templatemo youtube">
</a>
</div>
</div>
<nav class="navbar navbar-default" role="navigation">
<div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
<!-- Collect the nav links, forms, and other content for toggling -->
<div id="top-menu">
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav" wp-nav-menu="Primary" wp-nav-menu-type="bootstrap">
<li>
<a href="#">HOME</a>
</li>
<li>
<a href="#">ABOUT</a>
</li>
<li>
<a href="#">DONATE</a>
</li>
<li>
<a href="#">VOLUNTEER</a>
</li>
<li>
<a href="#">CONTACT</a>
</li>
</ul>
</div>
</div>
<!-- /.navbar-collapse -->
</div>
<!-- /.container-fluid -->
</nav>
尝试将类移动到div而不是ul
相关文章:
- 点击悬停区域中的链接会在触摸时立即激活
- 点击链接时激活li
- jQuery按下键激活链接
- JavaScript 阻止 Twitter 引导选项卡链接激活
- 在 Javascript 中激活链接
- 使用页面上其他位置的链接激活选项卡
- 当用户将鼠标悬停在 Chrome 或 Firefox 中的链接上时,悬停状态未激活
- jQuery .unload() 函数问题,仅在单击特定链接时激活
- 是否可以使用超链接更改页面并在目标页面上激活脚本
- 使用CSS和JavaScript点击,链接颜色在被点击和激活时会发生变化,直到我点击其他链接
- href指向未在同一页面上激活的引导程序导航选项卡的链接
- 单击此图像/链接以激活 jquery 弹出窗口
- 使用外部超链接激活CSS选项卡
- Window.onpopstate它's已通过所有href链接激活
- 单击链接两次以使用ui路由器激活状态
- 使用 Greasemonkey 更改变量或激活 JS 链接的<选择>下拉菜单
- 如何通过jquery激活链接
- jQuery手风琴:在点击跳跃链接时激活面板
- 使第一个链接激活Javascript
- 我可以让地址链接激活javascript吗