问答详情
源自:6-2 使用JS为元素class赋值

练习 用两个变量实现 菜单是用绝对定位

<script type="text/javascript">

window.onload = function(){

var oMenu = document.getElementById('bar');

var aA = oMenu.getElementsByTagName('a');

var oUl = document.getElementsByTagName('ul')[0];

var aLi = oUl.getElementsByTagName('li');

var iNow = 0;

var iNow2 = 0;

change();

window.onscroll = function(){

change();

}

function change(){

oTop = document.body.scrollTop || document.documentElement.scrollTop ;

oMenu.style.top = 70 + oTop + 'px';

for(var i = 0; i<aA.length; i++){

if(oTop > aLi[i].offsetTop - 250){

iNow = i;

}else{

break;

}

}

if(iNow != iNow2){

for(var i = 0; i<aA.length; i++){

aA[i].className = '';

}

aA[iNow].className = 'active';

iNow2 = iNow;

}

}

};

</script>


提问者:枫小白 2015-02-27 13:13

个回答

  • dilato张世锋
    2015-12-27 23:52:43

    666666666666666666