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

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

江老实 Web前端工程师
难度初级
时长50分
学习人数
综合评分9.63
118人评价 查看评价
9.6 内容实用
9.6 简洁易懂
9.7 逻辑清晰
  • TWT
    filter:alpha{opacity=50} 针对IE浏览器设置透明度,opacity代表透明度数,选值0-100,0是完全透明,100是不透明。 设置 html{height100%} body{height:100%} 是为了避免兼容性问题,使得 mask 能够撑开。
    查看全部
    0 采集 收起 来源:网页蒙版设置

    2015-10-12

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

    2015-10-12

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

    2015-09-29

  • cursor:pointer; 鼠标经过手形。
    查看全部
    0 采集 收起 来源:引导单元定位

    2015-09-28

  • position:absolute; left:50%; margin-left: -(width)/2; 上面width为要定位容器的宽度,用来实现绝对定位容器的居中效果。
    查看全部
    0 采集 收起 来源:引导单元定位

    2015-09-28

  • 隐藏区域中的文字: text-indent:-999px; overflow:hidden;
    查看全部
    0 采集 收起 来源:引导单元定位

    2015-09-28

  • javascript设置cookie: date = new Date(); data.setDate(date.getDate()+30); document.cookie="name=www.baidu.com;expires="+date; 上面实现了cookie的有效期为30天
    查看全部
  • 隐藏文字的方式: 使用text-indent:-999px;先把文字放在元素外, overflow:hidden;再把溢出元素的文字隐藏起来。
    查看全部
    0 采集 收起 来源:练习题

    2015-09-27

  • position:absolute; left:50%; margin-left: -(width)/2; 上面width为要定位容器的宽度,用来实现绝对定位容器的居中效果。
    查看全部
    0 采集 收起 来源:引导单元定位

    2015-09-27

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

    2015-09-27

  • 样式的
    查看全部
    0 采集 收起 来源:HTML结构介绍

    2015-09-27

  • 这种方法是先使用text-indent:-999px;语句把被设置元素“挤出去”了,然后设置溢出的元素都隐藏起来,也就是被挤出去的元素隐藏起来。
    查看全部
    0 采集 收起 来源:练习题

    2015-09-26

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

    2015-09-26

  • (如何实现“新手引导”效果... 6-3 编程练习) 没做 直接提交的
    查看全部
    0 采集 收起 来源:编程练习

    2015-09-21

  • (如何实现“新手引导”效果... 6-2 练习题) 没做 直接提交的
    查看全部
    0 采集 收起 来源:练习题

    2015-09-21

举报

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

微信扫码,参与3人拼团

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

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