为了账号安全,请及时绑定邮箱和手机立即绑定
  • ddd
    查看全部
  • pdding
    查看全部
  • -1px chong he
    查看全部
  • div relative ul absolutely
    查看全部
  • 倒计时
    查看全部
    0 采集 收起 来源:编程练习

    2015-09-15

  • 1、在changeOption()的最后添加一行代码解决继续播放时下一个选项卡index不对的BUG:index = currentIndex; 2、如果划过太快,会有很多个定时器,所以要在设置定时器之前先清除一下定时器: if(timer){ clearInterval(timer); timer=null; //如果有等待的定时器,先清除。 }
    查看全部
  • setTimeout()和setInterval()的区别: setTimeout()方法是超时调用,什么时间之后执行什么函数,只执行一次; setInterval()方法是一直在调用,可执行多次
    查看全部
  • 3-2 加入手动切换功能及代码优化 --选项卡自动切换与滑动事件结合:-- 选项卡自动切换与滑动事件结合: 1、加载加载页面时,调用定时器事件; 2、鼠标滑过时清除定时器,并执行滑动切换; 3、鼠标离开时调用定时器; 4、代码优化,封装函数与调用函数
    查看全部
  • setTimeout()和clearTimeout()以及setInterval()和clearInterval()是window对象的方法。 所以后期的循环中 不能使用 this var that = this; //用that这个变量来引用当前划过的li
    查看全部
  • tab选项卡
    查看全部
    0 采集 收起 来源:编程练习

    2015-09-14

  • ul的宽度=298px+2px+1px=301px; li的高度=26px+1px=27px;(border-bottom:1px #fff solid;) ul要比盒子加上边框后的总长度长1像素再左移动1像素,这样ul内部在被点击时显示的左右边框才不会和盒子的边缘紧挨在一起以至于变得很粗(所以盒子要设为relative ul要设为absolute才能移动-1像素) li的宽度在设置时要考虑被点击状态时加上的两边的边框所以之前未被点击时左右要设置1像素的padding在被点击后padding取消用左右边框代替
    查看全部
  • 1,divs[this.id].style.display="block" 这个表示把divs[this.id]里的display这个属性设置为block; 而divs[this.id].;表示把divs[this.id]的样式设置成display:block,前者改变局部样式,后则是改变这个div的全部样式 2, function $(id){ return typeof id=='string'?document.getElementById(id):id } typeof id 判断id的类型,如果是string,就返回该id标识的元素document.getElementById(id),否则,返回该id
    查看全部
  • <script type="text/javascript"> window.onload=function(){ var send=document.getElementById('send'), times=60, timer=null; send.onclick=function(){ // 计时开始 timer = setInterval(function(){ times--; send.value = times+"秒后重试" send.setAttribute('disabled','disabled'); if(times==0){ send.value = "发送验证码"; send.removeAttribute('disabled') times = 60; clearInterval(timer); } },1000); } } </script>
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • <script type="text/javascript"> window.onload=function(){ // 将所有点击的标题和要显示隐藏的列表取出来 var menu=document.getElementById('menu'), ps=menu.getElementsByTagName('p'), cons=menu.getElementsByTagName('ul'); if(ps.length!=cons.length){ return; } // 遍历所有要点击的标题且给它们添加索引及绑定事件 for(var i=0;i<ps.length;i++){ ps[i].id=i; ps[i].onclick=function(){ // 获取点击的标题上的索引属性,根据该索引找到对应的列表 var current=cons[this.id]; // 判断该列表,如果是显示的则将其隐藏,如果是隐藏的则将其显示出来 if(current.style.display=='block'){ current.style.display='none'; } else{ current.style.display='block'; } } } } </script>
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • 完整代码+完全注释,大家互相交流!
    查看全部
    0 采集 收起 来源:编程练习

    2015-09-10

举报

0/150
提交
取消
课程须知
1、您应该已经熟悉html标签和css样式表;2、您还应该已经熟悉JavaScript 或 jQuery的基础知识。
老师告诉你能学到什么?
您可以举一反三,制作非常精美风格多样的 Tab 切换效果,能够帮助你丰富或改进网站中的选项卡功能的用户体验。

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!