为了账号安全,请及时绑定邮箱和手机立即绑定
  • 五个函数: 改变样式; 自动切换; 鼠标滑过图片,自动切换停止; 鼠标离开图片,自动切换开始; 鼠标经过标题切换; 注意: 1、通过遍历标题来实现查询; 2、通过传递标识来实现切换; 3、通过外部变量(index)来实现自动切换与标题切换间的衔接; 4、定时器要考虑清除原有延迟、开始定时器、清除定时器等。
    查看全部
  • 定时器应用: 1、获取按钮、绑定事件、初始化定时器、设置定时器变量和定时变量; 2、添加定时器,并编写函数操作。
    查看全部
    3 采集 收起 来源:编程练习

    2015-03-31

  • 清除bug: 1、解决滑动切换与自动切换不衔接问题,即将滑动切换后当前显示的标识传递给自动切换; 2、解决由于定时器的延迟导致的自动切换与滑动切换间跳动的问题,即:在每次调用定时器前都将原有的定时器延迟清除。
    查看全部
  • 选项卡自动切换与滑动事件结合: 1、加载加载页面时,调用定时器事件; 2、鼠标滑过时清除定时器,并执行滑动切换; 3、鼠标离开时调用定时器; 4、代码优化,即将某一功能封装在一个函数里,并在使用的时候调用即可。
    查看全部
  • 选项卡自动切换: 1、清除当前延迟时间; 2、获取标题数组、内容数组; 3、指定当前标题标志; 4、绑定定时事件; 5、循环遍历标题,即判断标题标志,并在遍历至最后一个标题后,将其设定指向第一个标题; 6、执行当前事件,显示效果。
    查看全部
  • 给事件添加延迟: 1、清除准备执行的定时器; 2、绑定定时器,设定定时时间,即:timer=setTimeout(事件,时间); 3、定时器里的this指向的是window,如果需要指向当前绑定的元素,则需要在定时器外先用其他变量标记起来。
    查看全部
  • ul的宽度=298px+2px+1px=301px; li的高度=26px+1px=27px;(border-bottom:1px #fff solid;)
    查看全部
  • 选项卡的显示效果通过绑定事件来决定,分析事件效果,设计相关操作程序。
    查看全部
    0 采集 收起 来源:编程练习

    2014-11-12

  • JS编辑函数: 1、选中标题、内容分别存放于数组中; 2、判断标题与内容的长度是否对应; 3、遍历标题,给标题添加id,即身份标识; 4、给每个标题添加事件; 5、编辑事件,即删除所有原有高亮样式,并设置当前高亮样式;
    查看全部
  • 编辑选项卡内容样式: 1、显示默认内容; 2、隐藏其他内容 3、剩下的留给JS函数实现。
    查看全部
  • 设计步骤: 1、布局; 2、编辑样式; 3、修饰细节; 注意: 1、border的像素要考虑; 2、修改链接样式,a:link和a:visited; 3、修改链接高亮的样式,a:hover; 4、修改标题选中样式,即高亮显示,li.select;
    查看全部
  • 选项卡分类: 1、滑过切换; 2、点击切换; 3、延迟切换; 4、自动切换。
    查看全部
    0 采集 收起 来源:课程简介

    2014-11-26

  • 焦点轮播图效果
    查看全部
  • 定时器setInterval()和clearInterval()的应用。
    查看全部
    0 采集 收起 来源:编程练习

    2014-11-11

  • 方法隶属于哪个对象,this就指向谁
    查看全部

举报

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

微信扫码,参与3人拼团

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

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