00:00
好了,来啊,我看看刚才左右两边两个同学都学的不错,应该应该是能挣到不少钱,我们来看一下啊。来上一次课呢,我们已经把前六个给做了,一共就11个,比如说那老师很简单了,后面就就就完了,后面才是难的啊,尤其是后面三个比较难。这两个都比较也比较简单对吧,我们来看一下第七个。啊,这个也是非常简单的一个啊,他现在要实现一个鼠标一入一出切换显示迷你购物车在哪呢?给大家看一下,大家知道了。在这里。这种效果他不是开始就做这种效果嘛,是吧,对咱来说不小case的是来,只是我们要观察它到底啊变化的是什么。
01:09
有人可能就说老师我们现在都照着这个做,那我们真正做项目的时候,能照这个能能能照着已有的效果做吗?没有,那不是因为现在大家比较弱吗?所以先先做简单的能懂吧,你能照做出来就不错了。啊,做的多了,你就自然就自己能思考能分析了,对不对,而且自己思考分析了,花的时间更多一些啊好,我们来看一下啊,在我变化的过程中,它在改变谁啊,改变什么,改变几个东西,两个东西看得到吧。啊,要注意啊,接着要说我们把那个把那个事件加在谁身上呢。大家说事件应该加在谁这看着啊,哎,老死了。
02:00
世界应该加在这个div身上吧,因为这个div管理整个区域嘛。能不能懂啊,加在这个div上面是不是就够了啊,这个div就对应的就是我整个。能懂吧,好,那来来啊。看到这里面有一个有个class名字叫什么迷你class,好,我现在呢,来去来去打开这个东西啊,准备好。呃,这个不要这么宽啊,就这样吧,接着呢,我还要打开一个工具。这。好,接着我要去把这个呢给它解一下。来就这一个第二位。就这么简单,其实这个不难。布置一个。
03:03
这有点大。啊,我们把它放这里。那首先呢,我们是将事件还是按照我们昨天的那个套路啊,昨天套路把那个事件加在这个上面,对不对?好了,加的是什么事件呢。是不是whole就可以啊,Whole好,有了whole以后,下面要说的是我们要给,嗯,要去操作哪些元素呢。啊,用绿色来去代表我要操作的一些元素,我要不要操作这个div,要不要除了要操作这个div,还要操作下面里面的这个什么,最后一个div是不是最后一个元素。对不对,好操作它的什么呢?啊,上面的class下面的style是吧,而且这一个class应该有时候有一个什么叫mini吧,啊叫mini这个C大写小写应该小写吧,啊等会看有提示没关系吧,你看看好大概这样子吧,嗯,有了这个东西我们就要应该怎去写了。
04:20
好,那我就写一个啊,叫各位没问题吧,没问题,好这个C搞大写。哎,这应该前面写一个方形。大家看到啊,我在去定义函数的时候,这里面有个空格,这里有个空格。嗯,希望大家能够啊写的规则一点。好,来,下面首先我要找到绑定世界的元素。
05:03
叫mini,诶刚好就这个名字是吧,好接着我要给他加的是吧,方险,再来一个什么方险。顺序是吧,好,接着我要在这个方形里面去操作,谁去了,首先是他自己对不对啊,他自己当我一进来的时候,它得加一个class是不是,那那我给当前自己那时间什么class name,这个是最简单的,对不对等于什么。除了它还有一个什么,还有一个当前这个元素的是不是最后一个孩子要给他什么写是吧。这好做吧,那首先得把自己给他什么包一下,接着啦,给last首先是找孩子,查找吧,找孩子,找哪个孩子last是不是就可以。
06:15
刚好那是div对不对?好,接着给它做什么呢?就显示吧,显示隐藏就不用用CSS啊,你用CS也能考虑嘛,也能只是说你CS就指定什么display为block。喂,诶啊,那下面的这个该怎么写呢?这个是不是要给class内给它移除,怎么移除了空串就在这个了,哎。是不是搞定了,嗯,好,我们来看一下,看看行不行。这是我们的刷。嗯。
07:00
看看有没有报错是吧,首先看一下有没有报错,别刷一下先。哪有报错啊,没报错呀,这是前面的一些。这是我的吗?是吧?那我我先看一下这个这里面这是吧,这是我们的啊,来看一下我的这一个动了吗?是没有动,那没有动就得去看我的程序了,对不对啊,看我的程序来呃,我得去打开我的这个写开我的GS,这是我的GS吧,对吧?好诶不对啊那。不算品一用。没调用吗?我感觉就没写,是不是写错地方了哟,来看一下,我不写了七吗?他现在就没有看到七啊,是不是好,我们来看一下啊。
08:06
我写到哪去了,是这个吧,没错呀,对不对,错了吗?没有,这不是APP里面吗?对不对,现在是这一个页面吗?没保存它不是它自动保存啊来我再打开一个页面是吧,是刚才打开的,它有时候可能是缓存还是什么玩意啊,不用管它,我们再来看一下啊,有问题不要紧啊,有问题不大紧,你再看一下就行。有了没有,有了吧,啊,有了大家一定要知道啊,出了问题是很正常的,你一定要知道怎么样去找到问题,这是最关键的啊好,我们来看一下我们的能不能动。各位是不可以啊啊可以没有问题,说明是可以的,嗯。行,那也就是说我们的第七个功能就这么简单了。
09:03
不会吹,费之力就搞定了啊。受益者也是。好来,我要去给它保存一下,保存一下是保存在我们这一个里面work space里面,嗯,这一个这块test的work这个练习,呃之后这个这个截图,这是我们的第七个截图是吧,嗯,好。嗯,可以没问题,那行,那同时呢,我把我的这个提交一下啊,提交这一个实现的是什么功能呢?呃,迷的显示隐藏吧。哎,显示隐藏OK,好了,我给大家提交一下,大家更新一下就可以啊,更一下啊,给大家五分钟时间,大家自己稍微看一下。
我来说两句