-
划过切换 点击切换 延迟切换 自动切换查看全部
-
给通知单独做超链接查看全部
-
干完拉倒。。。哈哈查看全部
-
焦点图轮播效果查看全部
-
自动切换查看全部
-
定时器setinterval()使用查看全部
-
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); } } }查看全部
-
function $(id){ return typeof id==='string'?document.getElementById(id):id; } 这个 函数的作用就是之后用到id选择器可以简写，至于判断的意义就是传入的参数为字符串就返回查看全部
-
function $(id){ return typeof id==='string'?document.getElementById(id):id; } 这个 函数的作用就是之后用到id选择器可以简写，至于判断的意义就是传入的参数为字符串就返回 document.getElementById(id)，其他的就返回参数本身，这个只是一个获取页面dom元素的一个简陋版本的函数，还不够完善。 定时器用法查看全部
-
实现菜单效果查看全部
-
function $(id){ return typeof id==='string'?document.getElementById(id):id; } window.onload=function(){ //获取鼠标滑过或点击的标签和要切换内容的元素 var titles=$('notice-tit').getElementsByTagName('li'), divs=$('notice-con').getElementsByTagName('div'); if(titles.length!=divs.length) return; //遍历titles下所有的li for(var i=0;i<titles.length;i++){ titles[i].id = i; titles[i].onmouseover = function(){ //清除所有li上的class for(var j=0;j<titles.length;j++){ titles[j].className = ''; divs[j].style.display = 'none'; } //设置当前为高亮显示 this.className = 'select'; divs[this.id].style.display = 'block'; } } }查看全部
-
Done...查看全部
-
Tab切换类型查看全部
-
http://img1.sycdn.imooc.com//5541c27a00016ffb12000530-120-68.jpg查看全部
-
定时器查看全部
举报
0/150
提交
取消