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

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

江老实 Web前端工程师
难度初级
时长50分
学习人数
综合评分9.63
118人评价 查看评价
9.6 内容实用
9.6 简洁易懂
9.7 逻辑清晰
  • 引导单元
    查看全部
    0 采集 收起 来源:总结

    2015-08-14

  • cookie是服务端向客户端写入的,存放在本地。session是客户和网站的一次会话,保持在服务器端的内存中,当客户关掉了浏览器,则这次session就在内存中注销了。服务器端的session会提供一个id,存放在cookie中。 读取cookie: var res = document.cookie.substring(5); //alert(res); if(res != "www.open.com.cn"){ ... } 添加cookie: var oDate = new Date(); oDtae.setDate(oDate.getDate()+30);//设置cookie保存时间为30天 document.cookie = "name=www.open.com.cn;expires="+oDate;
    查看全部
  • 交互的逻辑思路 每点“下一步” 都会隐藏当前子元素,显示下一个子元素 点击“关闭”,隐藏整个父元素与蒙板(mask)
    查看全部
  • IE8以下浏览器都不支持 opacity css样式,可以使用IE自带的“滤镜”来实现,如下代码: filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
    查看全部
    0 采集 收起 来源:练习题

    2015-08-14

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

    2015-08-14

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

    2015-08-14

  • cookie是服务端向客户端写入的,存放在本地。session是客户和网站的一次会话,保持在服务器端的内存中,当客户关掉了浏览器,则这次session就在内存中注销了。服务器端的session会提供一个id,存放在cookie中。
    查看全部
  • mark
    查看全部
    0 采集 收起 来源:编程练习

    2015-08-03

  • mark
    查看全部
    0 采集 收起 来源:编程练习

    2015-08-03

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

    2015-07-31

  • 读取cookie: var res = document.cookie.substring(5); //alert(res); if(res != "www.open.com.cn"){ ... } 添加cookie: var oDate = new Date(); oDtae.setDate(oDate.getDate()+30);//设置cookie保存时间为30天 document.cookie = "name=www.open.com.cn;expires="+oDate;
    查看全部
  • 隐藏区域中的文字: text-indent:-999px; overflow:hidden;
    查看全部
    1 采集 收起 来源:引导单元定位

    2015-07-30

  • #searchTop{ width:980px; height:800px; background:#ccc; position:absolute; left:50%;//左边偏移量为50% margin-left:-490px;//在左偏移量的基础上,向左移动自身宽度的一半,使其居中 }
    查看全部
    0 采集 收起 来源:引导单元定位

    2015-07-30

  • 透明度兼容: opacity:0.5; filter:alpha(opacity=50);
    查看全部
    0 采集 收起 来源:编程练习

    2015-07-30

  • cookie
    查看全部
    0 采集 收起 来源:总结

    2015-07-21

举报

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

微信扫码,参与3人拼团

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

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