作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我正在创建视差网页
我想点击
<li class="active">
激活并使其他的不激活。我只是不知道该怎么做。我正在使用 Twitter Bootstrap 进行导航
<ul class="nav navbar-nav navbar-navi">
<li class="active"><a href="#home" class="scroll">Home</a></li>
<li><a href="#about" class="scroll">About</a></li>
<li><a href="#" class="scroll">Works</a></li>
<li><a href="#" class="scroll">Services</a></li>
<li><a href="#" class="scroll">Stats</a></li>
<li><a href="#" class="scroll">Team</a></li>
<li><a href="#" class="scroll">Contact</a></li>
</ul>
CSS
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover
{
color: #B38441;
background-color:transparent;
}
Js 用于平滑滚动
$(".scroll").click(function(event){
event.preventDefault();
//calculate destination place
var dest=0;
if($(this.hash).offset().top > $(document).height()-$(window).height()){
dest=$(document).height()-$(window).height();
}else{
dest=$(this.hash).offset().top;
}
//go to destination
$('html,body').animate({scrollTop:dest}, 1500,'swing');
});
最佳答案
$('.nav').click(function(){
$('.nav').removeClass('active');
$(this).addClass('active');
});
关于javascript - 想要激活当前的 <li>,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29182451/
使用登录后,我想吐出用户名。 但是,当我尝试单击登录按钮时, 它给了我力量。 我看着logcat,但是什么也没显示。 这种编码是在说。 它将根据我在登录屏幕中输入的名称来烘烤用户名。 不会有任何密码。
关闭。这个问题不符合Stack Overflow guidelines .它目前不接受答案。 这个问题似乎是题外话,因为它缺乏足够的信息来诊断问题。 更详细地描述您的问题或include a min
我是一名优秀的程序员,十分优秀!