-
ul的宽度=298px+2px+1px=301px; li的高度=26px+1px=27px;(border-bottom:1px #fff solid;) ul要比盒子加上边框后的总长度长1像素再左移动1像素,这样ul内部在被点击时显示的左右边框才不会和盒子的边缘紧挨在一起以至于变得很粗(所以盒子要设为relative ul要设为absolute才能移动-1像素) li的宽度在设置时要考虑被点击状态时加上的两边的边框所以之前未被点击时左右要设置1像素的padding在被点击后padding取消用左右边框代替查看全部
-
for in 不太会用 for in 循环 和for循环的不同地方在哪里查看全部
-
typeof id 判断id的类型,如果是string,就返回该id标识的元素document.getElementById(id),否则,返回该id查看全部
-
function $(id){ return typeof id === 'string' ? document.getElementById(id) : id; }查看全部
-
加入border 去掉padding查看全部
-
稍改变,跟之前做的显示div的原理一模一样查看全部
-
还可以查看全部
-
写了10分钟,看上去没什么问题。bug还没仔细检查查看全部
-
之前没看提示不知道怎么处理不可点击状态。点击事件时先执行一次函数,把递减时间放到判断后面,就不会出现点击后暂停一秒才会出现XX秒后重试了查看全部
-
点击直接进入setInterval比较好处理,time小于等于0后clearInterval并更改按钮的value值查看全部
-
个人感觉setTimeout其实更好用,页面加载完延时执行函数,然后将setTimeout放在函数内重复调用该函数就可以了。 setInterval我喜欢用来做间隔时间比较短的循环。 window.onload=function(){ setTimeout(tabAutoMove,2000); } var timer=null; var index=0; var tList=$(box_tit).getElementsByTagName('li'), cList=$(box_con).getElementsByTagName('div'), len=tList.length; function tabAutoMove(){ if(tList.length!=cList.length) return false; for(var i=0;i<len;i++){ tList[i].className=''; cList[i].className='hide'; } tList[index].className='selected'; cList[index].className='on'; index++; if(index>=len){ index=0; } timer=setTimeout(tabAutoMove,2000); }查看全部
-
整一页没看到几个有看题的,下面有一个看题的没看CSS样式,愁。查看全部
-
不喜欢用id来当索引,还是习惯用index。这道题的题目要求的和前面视频不一样,只需要判断当前点击的标题菜单,不需要管其他标题的,看很多人都没看题。查看全部
-
在mouseout事件中,每移开一个标题项都会开始一个定时器,因此需要在开启定时器之前先清除定时器。查看全部
-
setTimeout方法中的this对象指的是window(所有window对象的方法其中的对象都是window,也包括setTimeout、setInterval等省略了window的方法)查看全部
举报
0/150
提交
取消