-
ddd查看全部
-
pdding查看全部
-
-1px chong he查看全部
-
div relative ul absolutely查看全部
-
倒计时查看全部
-
1、在changeOption()的最后添加一行代码解决继续播放时下一个选项卡index不对的BUG:index = currentIndex; 2、如果划过太快,会有很多个定时器,所以要在设置定时器之前先清除一下定时器: if(timer){ clearInterval(timer); timer=null; //如果有等待的定时器,先清除。 }查看全部
-
setTimeout()和setInterval()的区别: setTimeout()方法是超时调用,什么时间之后执行什么函数,只执行一次; setInterval()方法是一直在调用,可执行多次查看全部
-
3-2 加入手动切换功能及代码优化 --选项卡自动切换与滑动事件结合:-- 选项卡自动切换与滑动事件结合: 1、加载加载页面时,调用定时器事件; 2、鼠标滑过时清除定时器,并执行滑动切换; 3、鼠标离开时调用定时器; 4、代码优化,封装函数与调用函数查看全部
-
setTimeout()和clearTimeout()以及setInterval()和clearInterval()是window对象的方法。 所以后期的循环中 不能使用 this var that = this; //用that这个变量来引用当前划过的li查看全部
-
tab选项卡查看全部
-
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取消用左右边框代替查看全部
-
1,divs[this.id].style.display="block" 这个表示把divs[this.id]里的display这个属性设置为block; 而divs[this.id].;表示把divs[this.id]的样式设置成display:block,前者改变局部样式,后则是改变这个div的全部样式 2, function $(id){ return typeof id=='string'?document.getElementById(id):id } typeof id 判断id的类型,如果是string,就返回该id标识的元素document.getElementById(id),否则,返回该id查看全部
-
<script type="text/javascript"> window.onload=function(){ var send=document.getElementById('send'), times=60, timer=null; send.onclick=function(){ // 计时开始 timer = setInterval(function(){ times--; send.value = times+"秒后重试" send.setAttribute('disabled','disabled'); if(times==0){ send.value = "发送验证码"; send.removeAttribute('disabled') times = 60; clearInterval(timer); } },1000); } } </script>查看全部
-
<script type="text/javascript"> window.onload=function(){ // 将所有点击的标题和要显示隐藏的列表取出来 var menu=document.getElementById('menu'), ps=menu.getElementsByTagName('p'), cons=menu.getElementsByTagName('ul'); if(ps.length!=cons.length){ return; } // 遍历所有要点击的标题且给它们添加索引及绑定事件 for(var i=0;i<ps.length;i++){ ps[i].id=i; ps[i].onclick=function(){ // 获取点击的标题上的索引属性,根据该索引找到对应的列表 var current=cons[this.id]; // 判断该列表,如果是显示的则将其隐藏,如果是隐藏的则将其显示出来 if(current.style.display=='block'){ current.style.display='none'; } else{ current.style.display='block'; } } } } </script>查看全部
-
完整代码+完全注释,大家互相交流!查看全部
举报
0/150
提交
取消