// css中ul要超出部分就隐藏起来
var changeLinkModule=(function(){
// 计算li的父级ui的高度
var ul=document.querySelector(".listcontent");
var ulheight=ul.offsetHeight;
console.log(ulheight); //
// 计算现实6个li的高度
var li=document.querySelector(‘li‘);
var liheight=li.offsetHeight * 6;
console.log("每一批的高度是"+liheight); //24*6=144
var num=0;// 定义一个索引值
var change= document.querySelector(".change"); //选中按钮
var changelist=function(){
change.addEventListener(‘click‘,function(){
// alert("1");
// 这里你打不出来是是因为后面 你没有调用
num++;
if(num==6){ //如果有n批就等于n
num=0;
}
ul.style.top=-liheight*num+"px"; //这里是ul往上移动,而不是ul的高度往上移动
});
};
return {
huanyihuan:changelist
}
})();
changeLinkModule.huanyihuan();