为了账号安全,请及时绑定邮箱和手机立即绑定

如何实现“新手引导”效果

江老实 Web前端工程师
难度初级
时长50分
学习人数
综合评分9.63
118人评价 查看评价
9.6 内容实用
9.6 简洁易懂
9.7 逻辑清晰
  • 蒙版mask高度100%,于是body和html的高度也100% filter:alpha(opacity=50); //IE滤镜
    查看全部
    0 采集 收起 来源:网页蒙版设置

    2015-12-30

  • html基本结构
    查看全部
    0 采集 收起 来源:HTML结构介绍

    2015-12-30

  • this.index==aStep.length-1 //this.index是以0开始 aStep.length是以1开始,所以要-1来判断是不是最后一个
    查看全部
    0 采集 收起 来源:编程练习

    2015-12-30

  • aStep.length//得到元素个数
    查看全部
    0 采集 收起 来源:编程练习

    2015-12-30

  • 宽度固定:left:50%,margin-left:width/2;可使页面自适应屏幕
    查看全部
    0 采集 收起 来源:引导单元定位

    2015-12-22

  • 下列哪个浏览器不支持 opacity 属性? IE8以下浏览器都不支持 opacity css样式,可以使用IE自带的“滤镜”来实现,如下代码: {filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);} ={filter:alpha(opacity=70)} 上面代码的作用设置为 70% 的透明。
    查看全部
    0 采集 收起 来源:练习题

    2015-12-02

  • var aStep=oSearch.getElementsByTagName('div'),请问,aStep是一个数组,还是 nodeList 对象? BnodeList对象 (得到的是一个对象)
    查看全部
    0 采集 收起 来源:练习题

    2015-11-30

  • 本案例中介绍了一个隐藏按钮文字的小技巧,以下哪个写法正确? B. text-indent:-999px;overflow:hidden (这种方法是先使用text-indent:-999px;语句把被设置元素“挤出去”了,然后设置溢出的元素都隐藏起来,也就是被挤出去的元素隐藏起来。)
    查看全部
    0 采集 收起 来源:练习题

    2015-11-30

  • 本案例中介绍了一个隐藏按钮文字的小技巧,以下哪个写法正确? text-indent:-999px;overflow:hidden
    查看全部
    0 采集 收起 来源:练习题

    2015-11-30

  • 下列哪个浏览器不支持 opacity 属性? IE8以下浏览器都不支持 opacity css样式,可以使用IE自带的“滤镜”来实现,如下代码: {filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);} ={filter:alpha(opacity=70)} 上面代码的作用设置为 70% 的透明。
    查看全部
    0 采集 收起 来源:练习题

    2015-11-30

  • 下列哪个浏览器不支持 opacity 属性? IE8以下浏览器都不支持 opacity css样式,可以使用IE自带的“滤镜”来实现,如下代码: filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70); 上面代码的作用设置为 70% 的透明。
    查看全部
    0 采集 收起 来源:练习题

    2015-11-30

  • 引导单元的逻辑关系
    查看全部
    0 采集 收起 来源:总结

    2015-11-28

  • 绝对定位: (1)有父节点,参照付节点 (2)没有父节点,参照body的左上角
    查看全部
    0 采集 收起 来源:新手引导简介

    2015-11-28

  • 兼容:浏览器:opacity:50%,IE:filter:alpha{opacity=50} 避免兼容性问题: html{height100%} body{height:100%} 因为mask是height:100%;使得mask能够撑开。
    查看全部
    0 采集 收起 来源:网页蒙版设置

    2015-11-26

  • filter:alpha(opacity=50)
    查看全部
    0 采集 收起 来源:网页蒙版设置

    2018-03-22

举报

0/150
提交
取消
课程须知
1.对div和css相关内容精通掌握;2. 具有一定的JavaScript和JQuery知识基础
老师告诉你能学到什么?
1.掌握“新手引导”的实现思路 2.了解html结构布局 3.掌握简便的定位方法 4.学会用 原生JavaScript代码和JQuery两种方式实现依次显示效果

微信扫码,参与3人拼团

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

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