我的代码可以达到你要的效果,其实就是对你的代码修改了一下:
在你提供的代码的基础上,最上面加上
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<html xmlns="http://www.w3.org/1999/xhtml ">
<head>
这点比较重要,可以防止IE浏览器进入怪异模式
把<style>里的#apDiv2里的position:fixed改为position:absolute
在<script>里加上下面js代码:
window.onscroll=function(){var t=document.documentElement.scrollTop||document.body.scrollTop
var div2=document.getElementById("apDiv2")
if(t>= 50){
div2.style.position = "fixed"
div2.style.top = "0px"
}else{
div2.style.position = "absolute"
div2.style.top = "50px"
}
}
4. 好了,完成,如果还是没有实现请仔细看上面的3步,应该可以实现的,希望对你有帮助
js写导航栏hover效果每个js定时器产生时会被系统分配一个id,这个id是正整数,而且一个页面里面的定时器id不重复,我们能用一个变量接收这个id,但是如果重复执行一条接收创建语句,那么你只能接收到最新创建的定时器的id,之前创建的定时器的id会被覆盖,但是定时器数量在增加,这就会导致界面一些功能错乱,解决方法就是在重复按开始按钮时,如果已经有了一个定时器那么就不执行语句,我列出了错误代码和三种解决方法,可以解决定时器重复创建问题。