琼海在线:建设一个电影网站需要多少钱?
摘要:建设个电影网站多少钱,琼海在线,seo一个月赚多少钱,学校培训组件用惯了,突然叫你用纯cssJavaScript写一个分页,顿时就慌了。久久没有接触js了&#xff
建设个电影网站多少钱,琼海在线,seo一个月赚多少钱,学校培训组件用惯了#xff0c;突然叫你用纯cssJavaScript写一个分页#xff0c;顿时就慌了。久久没有接触js了#xff0c;不知道咋写了。本文章也是借与参考做的一个demo案例#xff0c;小白看了都会的那种。咱们就以ul列表为例进行分页#xff1a; 首先模拟的数据列表是这样的突然叫你用纯cssJavaScript写一个分页顿时就慌了。久久没有接触js了不知道咋写了。本文章也是借与参考做的一个demo案例小白看了都会的那种。咱们就以ul列表为例进行分页 首先模拟的数据列表是这样的默认有8条数据
div classexampleul idlistli这是list1/lili这是list2/lili这是list3/lili这是list4/lili这是list5/lili这是list6/lili这是list7/lili这是list8/li/ulul idpage/ul
/div第一步修改一下样式一条li标签假如有40px的高度现在有8个则整个ul有320px我现在需要进行一个页面显示5条数据我们就给ul标签调整一下样式
#list {width:400px;height:200px;margin:10px auto;border:1px solid #ccc;overflow:hidden;
}固定高度将5条数据显示出来200px溢出的li将进行隐藏,就会显示这样 第二步.使用js操作将页面的标签进行获取进行后面的处理 var pageList document.getElementById(list);var pageLi pageList.getElementsByTagName(li);var pageBtn document.getElementById(page);定义分页并计算页面数量 上方获li获取标签为8这里是一个页面显示5条数据所以对pageLi进行取模为0则是Math.floor不是则是Math.ceilMath.floor是向下取整 1.6 1Math.ceil为向上取整1.62 所以这里n最后等于2页面为2。
