-
搞来搞去都有问题。。郁闷 Uncaught TypeError: Cannot read property 'style' of undefined javascript.js:17titles.(anonymous function).onmouseover查看全部
-
重新可以点击后记得恢复默认值，不然只能正常点击一次查看全部
-
Tab切换类型查看全部
-
效果还是不太明显~ 有个缓冲就好了，还需要再继续加油！查看全部
-
需要注意的是，if放在最后，否则还是会顺序执行代码; 或者退出定时器查看全部
-
@@--Tab选项卡切换效果-- 第2章 延迟切换效果 2-1 js实现延迟切换 ①延迟定时器-- 先清除定时器： //如果存在准备执行的定时器，立刻清除，只有当前停留的时间大于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); } 【重点--！！】容易出错的地方~ ②关于setTimeOut()方法内的this，指向的是window对象 setTimeout是window的只是不需要写出来，方法隶属于谁，this就指向谁，解决方法是用变量存储当前this //用that这个变量来引用当前li var that = this;查看全部
-
是不是要这个效果？好像还差点儿查看全部
-
第一步、获取按钮、绑定事件、设置定时器变量和计时变量 第二步、添加定时器，每隔1秒钟计时减1，直至当计时小于等于0时清除定时器，按钮恢复为“发送验证码”，否则显示为“X秒后重试” <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script type="text/javascript"> window.onload=function(){ var send=document.getElementById('send'), times=6, timer=null; send.onclick=function(){ // 计时开始 timer=setInterval(function(){ send.value=times+"秒后重试"; times--; if(times<0) { clearInterval(timer); send.value="发送验证码"; times=6; } },1000); } } </script> </head> <body> <input type="button" id="send" value="发送验证码"> </body> </html>查看全部
-
选项卡自动切换： 1、清除当前延迟时间； 2、获取标题数组、内容数组； 3、指定当前标题标志； 4、绑定定时事件； 5、循环遍历标题，即判断标题标志，并在遍历至最后一个标题后，将其设定指向第一个标题； 6、执行当前事件，显示效果。查看全部
-
分享给同学 卓美 @@--Tab选项卡切换效果-- 第2章 延迟切换效果 2-1 js实现延迟切换 ①延迟定时器-- 先清除定时器： //如果存在准备执行的定时器，立刻清除，只有当前停留的时间大于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); } 【重点--！！】容易出错的地方~ ②关于setTimeOut()方法内的this，指向的是window对象 setTimeout是window的只是不需要写出来，方法隶属于谁，this就指向谁，解决方法是用变量存储当前this //用that这个变量来引用当前li var that = this;查看全部
-
function $(id){ return typeof id==='string'?document.getElementById(id):id; } $(id)是js document.getElementById(id)的简写 定义了这个方法 以后调用的时候就可以直接用$(id).innnerHTML 或者$(id).innerText查看全部
-
@@--Tab选项卡切换效果--3-3 bug解决及定时器优化 1、在changeOption()的最后添加一行代码解决继续播放时下一个选项卡index不对的BUG：index = currentIndex； 2、如果划过太快，会有很多个定时器，所以要在设置定时器之前先清除一下定时器： if(timer){ clearInterval(timer); timer=null; //如果有等待的定时器，先清除。 }查看全部
-
@@--Tab选项卡切换效果 3-2 加入手动切换功能及代码优化 --选项卡自动切换与滑动事件结合：-- 选项卡自动切换与滑动事件结合： 1、加载加载页面时，调用定时器事件； 2、鼠标滑过时清除定时器，并执行滑动切换； 3、鼠标离开时调用定时器； 4、代码优化，即将某一功能封装在一个函数里，并在使用的时候调用即可。查看全部
-
@@--Tab选项卡切换效果---第3章 自动切换效果 3-1 js实现自动切换实现 重点： 用定时器，每隔一段时间，切换当前显示单位的索引index查看全部
-
@@--Tab选项卡切换效果-- 第2章 延迟切换效果 2-1 js实现延迟切换 ①延迟定时器-- 先清除定时器： //如果存在准备执行的定时器，立刻清除，只有当前停留的时间大于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); } 【重点--！！】容易出错的地方~ ②关于setTimeOut()方法内的this，指向的是window对象 setTimeout是window的只是不需要写出来，方法隶属于谁，this就指向谁，解决方法是用变量存储当前this //用that这个变量来引用当前li var that = this;查看全部
举报
0/150
提交
取消