如何实现“新手引导”效果_技术问答

首页免费课如何实现“新手引导”效果问答

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

全部评论问答未解决精华

写码破万键

jquery处理cookie部分可以直接用jquery.cookie.js 更加简便

0 7-1 另外一种交互实现方式——jQuery

2018-03-17

qq_启程_17

特别喜欢你讲课的方式

0 1-1 新手引导简介

2018-02-12

慕粉18700863232

我觉得有一点，是不是可以cookie记录引导到第几步了，然后下次登录接着来

0 6-1 只为新手引导——Cookie的设定

2018-02-02

两手间

下一个十年

2 6-3 编程练习

2018-01-28

Kirito____

18年喽又过了一年新来或者以前来的的兄弟姐妹们点个赞我看看有多少。。

1 6-3 编程练习

2018-01-24

为什么点击后关不掉？

已采纳回答 / 慕神4291904

你在搞笑都没有给关闭按钮添加事件怎么关闭呢 //关闭按钮 for(var i=0; i<aClose.length;i++){ aClose[i].onclick=function(){ oMask.style.display=oSearch.style.display="none"; } } 直接复制的我哈哈

1 回答 1247 浏览 5-1 JavaScript控制引导单元的显示

2017-12-28

慕粉3175131

$('#searchTip').delegate('a','click',function(){
var $parent = $(this).parent();
$parent.hide();
if($parent.next().length){
$parent.next().show();
}else{
$('#mask,#searchTip').hide();
}
}).delegate('span','click',function(){
$('#mask,#searchTip').hide();
})

1 7-1 另外一种交互实现方式——jQuery

2017-12-12

慕粉3175131

两重for循环分别给5个a元素和4个span元素都绑定了onclick事件，有点繁琐，其实可以使用事件委托，将整个click事件绑定在oSearch上，然后通过根据e.target || e.srcElement的tagName属性是'A'还是'SPAN'来写相应的对应逻辑

2 5-1 JavaScript控制引导单元的显示

2017-12-12

慕粉3175131

//下一步按钮
这段for循环老师添加了额外的属性index来记录索引，无非就是想达到目的：使得onclick中的i能实时拿到对应值，而不是拿到for循环结束后的那个i值，当然这也不失为一种思路。其实不额外增加index属性也可以实现。
方法1：使用闭包特性结合立即执行的函数表达式把i的值当作参数传入
方法2：更简单，使用let的块级作用域特性，把for循环后面的var声明改成let声明

1 5-1 JavaScript控制引导单元的显示

2017-12-12