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

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

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

全部评论问答未解决精华

慕粉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

qxsung

这节课做得简单易懂非常好

0 8-1 总结

2017-11-18

_不二君

就是声音小点

0 2-1 HTML结构介绍

2017-11-13

一个老司机

这是2013年录制的视频吗？

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

2017-11-04

骑着蜗牛play

我是一个好学生~~
position:absolute;
margin-left:-490px;
text-indent:-999px;
cursor:pointer;

0 4-3 编程练习

2017-10-27

qq_星空幻梦_0

用现成的图片来做这个效果.....太敷衍了吧

0 1-1 新手引导简介

2017-10-27

AllySu

通俗易懂。

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

2017-10-25

AllySu

江老师的所有课程都看完了，确实不错

0 2-1 HTML结构介绍

2017-10-25

AllySu

江老师的系列课程都非常不错，轻松易懂，信手拈来

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

2017-10-10

AllySu

一年又一年，悟空等了500年，师傅你终于来了。。。

2 6-3 编程练习

2017-10-09

10雨后01

学习了，谢谢老师 \（^_^）/

0 8-1 总结

2017-10-02

AllySu

这里个个都是人才，我静静看。。。

1 5-2 练习题

2017-09-30

AllySu

git批量删除分支

git branch |grep 'branchName' |xargs git branch -D,从分支列表中匹配到指定分支，然后一个一个(分成小块)传递给删除分支的命令，最后进行删除。

0 4-2 练习题

2017-09-30

首页上一页 1 2 3 4 5 6 7 下一页尾页

该课程已下架

课程须知: 1.对div和css相关内容精通掌握；2. 具有一定的JavaScript和JQuery知识基础

老师告诉你能学到什么？: 1.掌握“新手引导”的实现思路 2.了解html结构布局 3.掌握简便的定位方法 4.学会用原生JavaScript代码和JQuery两种方式实现依次显示效果

微信扫码，参与3人拼团

热搜

最近搜索清空

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