-
li,先遍历清除所有的样式,然后再为当前元素添加样式。查看全部
-
加入运动就完美了查看全部
-
case查看全部
-
pic.style.top = -curI*170+"px";查看全部
-
setTimeout()超时调用,setInterval()间隔调用。都是window对象的,全称是window.setTimeout。查看全部
-
for (var i=0;i<dp.length;i++){ dp[i].id = i; dp[i].onclick = function(){ if(dul[this.id].style.display == "block"){ dul[this.id].style.display = "none"; } else{ dul[this.id].style.display = "block"; } } } 注意:onclick函数运行在for循环之后,因此不能在onclick函数内增加比如:dul[i]或者dp[i].id等代码,i的值会是3,因为循环已经运行结束。查看全部
-
setTimeout()和setInterval()的区别: setTimeout()方法是超时调用,只执行一次; setInterval()方法是一直在调用,可执行多次 window.onload = function(){ //标签的索引 var index = 0; var timer = null; var lis = $('notice-tit').getElementsByTagName('li'); divs = $('notice-con').getElementsByTagName('div'); if(lis.length!=divs.length) return; //遍历所有的页签 for(var i=0;i<lis.length;i++){ lis[i].id = i; lis[i].onmouseover = function(){ //用that这个变量来引用当前li var that = this; //如果存在准备执行的定时器,立刻清除,只有当前停留的时间大于500ms时才开始执行 if(timer){ clearTimeout(timer); timer = null; } //延迟半秒执行 timer = window.setTimeout(function(){ for(var j=0;j<lis.length;j++){ lis[j].className = ''; divs[j].style.display = 'none'; } lis[that.id].className = 'select'; divs[that.id].style.display = 'block'; },500); } } }查看全部
-
实现展开收缩效果查看全部
-
在notice中tlt上设置绝对定位,为了防止鼠标滑过时左右像素的边框值跟外层边框重叠。盒子的尺寸等于内容的尺寸+padding的尺寸,高亮文本显示时,去掉padding的值,加上边框就可以保持盒子的尺寸不变!查看全部
-
自动切换,是通过定时器来实现的。定时器(setTimeout(),setInterval(),clearTimeout()); 通过setInterval();查看全部
-
定时切换查看全部
-
实现展开收缩效果查看全部
-
标签栏和内容栏查看全部
-
四类选项卡查看全部
-
滑过切换 点击切换 延迟切换 自动切换查看全部
举报
0/150
提交
取消