-
定时器。查看全部
-
选项卡分类： 1、滑过切换； 2、点击切换； 3、延迟切换； 4、自动切换。查看全部
-
下拉菜单查看全部
-
clearTimeout()清除定时器。查看全部
-
菜单效果。查看全部
-
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); } } }查看全部
-
// 将所有点击的标题和要显示隐藏的列表取出来 var tits = document.getElementsByTagName('p'); var cons = document.getElementsByTagName('ul'); if(tits.length!=cons.length) return; // 遍历所有要点击的标题且给它们添加索引及绑定事件 for(var i=0;i<tits.length;i++){ tits[i].id = i; tits[i].onclick = function(){ // 获取点击的标题上的索引属性，根据该索引找到对应的列表 for(var j=0;j<tits.length;j++){ cons[j].style.display = 'none'; } // 判断该列表，如果是显示的则将其隐藏，如果是隐藏的则将其显示出来 cons[this.id].style.display = 'block'; } }查看全部
-
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'; //显示对应的div divs[this.id].style.display = 'block'; } }查看全部
-
bug好像没有完全解决……查看全部
-
选项卡分类： 1、滑过切换； 2、点击切换； 3、延迟切换； 4、自动切换。查看全部
-
标签栏与内容栏查看全部
-
css样式查看全部
-
Tab切换类型查看全部
-
1、在changeOption()的最后添加一行代码解决继续播放时下一个选项卡index不对的BUG：index = currentIndex； 2、如果划过太快，会有很多个定时器，所以要在设置定时器之前先清除一下定时器： if(timer){ clearInterval(timer); }查看全部
-
加入手动切换功能： 1、当鼠标滑过时清除定时器，然后切换到当前选中的那个。 2、鼠标移开后继续自动播放。 注意代码优化，函数封装。查看全部
举报
0/150
提交
取消