我做了一个网页导航条的效果,默认是隐藏的,鼠标离开页面最上方的时候显示导航条,效果也已经实现。
现在有个想法,就是网页全屏的时候也显示导航条,不过发现问题了:1、导航条显示一下瞬间又消失了;2、网页全屏状态下按F11js代码不执行。下面是我的代码,哪路大神能看下给个建议。
var scrheight = screen.height;
var webheight = $(window).height();
//alert(scrheight+":"+webheight);
$(window).keydown(function(event){
if(event.keyCode == 122){
setTimeout(navshow, 500);
}
});
function navshow(){
console.log(screenheight+":"+webheight);
if(screenheight == webheight){
alert("yes");
navigationShow();
}
else{
alert("not");
navigationHide();
}
}
PS:setTimeout用法原因:如果不用的话会瞬间调到全屏状态,导航栏闪一下的效果都没看见。