为了账号安全,请及时绑定邮箱和手机立即绑定
  • li,先遍历清除所有的样式,然后再为当前元素添加样式。
    查看全部
  • 加入运动就完美了
    查看全部
  • case
    查看全部
    0 采集 收起 来源:编程练习

    2015-05-19

  • pic.style.top = -curI*170+"px";
    查看全部
  • setTimeout()超时调用,setInterval()间隔调用。都是window对象的,全称是window.setTimeout。
    查看全部
  • for (var i=0;i<dp.length;i++){ dp[i].id = i; dp[i].onclick = function(){ if(dul[this.id].style.display == "block"){ dul[this.id].style.display = "none"; } else{ dul[this.id].style.display = "block"; } } } 注意:onclick函数运行在for循环之后,因此不能在onclick函数内增加比如:dul[i]或者dp[i].id等代码,i的值会是3,因为循环已经运行结束。
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • 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); } } }
    查看全部
  • 实现展开收缩效果
    查看全部
    0 采集 收起 来源:编程练习

    2015-05-15

  • 在notice中tlt上设置绝对定位,为了防止鼠标滑过时左右像素的边框值跟外层边框重叠。盒子的尺寸等于内容的尺寸+padding的尺寸,高亮文本显示时,去掉padding的值,加上边框就可以保持盒子的尺寸不变!
    查看全部
  • 自动切换,是通过定时器来实现的。定时器(setTimeout(),setInterval(),clearTimeout()); 通过setInterval();
    查看全部
  • 定时切换
    查看全部
    0 采集 收起 来源:编程练习

    2015-05-13

  • 实现展开收缩效果
    查看全部
    0 采集 收起 来源:编程练习

    2015-05-12

  • 标签栏和内容栏
    查看全部
  • 四类选项卡
    查看全部
    0 采集 收起 来源:课程简介

    2015-05-10

  • 滑过切换 点击切换 延迟切换 自动切换
    查看全部
    0 采集 收起 来源:课程简介

    2015-05-10

举报

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

微信扫码,参与3人拼团

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

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