-
发短信按钮时间倒计时代码查看全部
-
Tab切换类型： 滑过切换 延迟切换 点击切换 自动切换查看全部
-
上下菜单切换效果查看全部
-
最大优点是节省页面空间查看全部
-
function $(id){ return typeof id==='string'?document.getElementById(id):id; } window.onload=function(){ var timer=null; var index=0; //遍历选项和内容 var tit=$('notice-tit').getElementsByTagName('li'); var div=$('notice-con').getElementsByTagName('div'); //高亮显示 function changeTab(d){ for(var j=0;j<tit.length;j++){ tit[j].className=''; div[j].style.display='none'; } // alert(d); tit[d].className='select'; div[d].style.display='block'; } //自动切换 function autoPlay(index){ timer=setInterval(function(){ index++; if(index>=tit.length){ index=0; } changeTab(index); },500) } //手动切换 autoPlay(index); for(var i=0;i<tit.length;i++){ tit[i].id=i; // alert(tit.length); tit[i].onmouseover=function(){ clearInterval(timer); changeTab(this.id); } tit[i].onmouseout=function(){ autoPlay(this.id); }; } }查看全部
-
setInterval查看全部
-
setTimeout()查看全部
-
padding与border结合 padding：0 1px填充 经过li使padding：0；border-left border-right：1px solid black查看全部
-
鼠标经过li 效果：左右出现边框线 问题：第1、最后一个Li边框线会与盒子边框重叠 解决： 令盒子：relative ul：absolute left:-1查看全部
-
延迟切换效果同普通切换效果大致相同，但是要注意在使用定时器时this对象会有所改变，所以我们需要定义一个变量将this传入进定时器内查看全部
-
需要记录一下: var aTitle = document.getElementsByTagName("p"); console.log(aTitle); var aUl = document.getElementsByTagName("ul"); console.log(aTitle); if(aTitle.length=aUl.length){ for(var i=0; i<aTitle.length; i++) { aTitle[i].id = i; aTitle[i].onclick = function(){ if(aUl[this.id].style.display=='none'){ aUl[this.id].style.display = 'block'; }else{ aUl[this.id].style.display = 'none'; } } }; };查看全部
-
Tab选项卡切换练习查看全部
-
Tab选项卡切换效果（四种）：划过切换、点击切换、延迟切换、自动切换查看全部
-
a 标签样式查看全部
-
a标签的使用查看全部
举报
0/150
提交
取消