00:06
啊。呃,下一个我们来看一下啊,另外一个它这里面有一个。有一个位。这个位置呢,有两个方法。我们先研究这两个方法,一个叫offset,一个叫什么呢?Position。我们来看一看。啊,先看下我的这个页面,我的页面呢,有两个div,一个外部的div,一个里面的div是一个DIV1是吧,一个第二。接着。给这个div是不是加了一些定义了一些样式啊,给这个DIV2也定义了一些样式啊,后面的DIV3不用太管它。好,现在我们的需求在这里。
01:00
去这里来来,按照这个要求做一做。首先第一个我们要去点击8.1做一些东西是吧,那我就要干嘛。找到八乘一,八乘一是它的ID吧,那很简单,加什么井号八乘一,接着很简单方法,传一个回调函数,在这里面干活。是吧,好,现在呢,我要去打印这么多东西。是吧,好我们来看一下啊,看一下首先第一个呢,我要打印啊,第一相对于页面左上角的一个位置,那首先我得找到什么。Div吧,那div怎么找呢?是不是有class啊,可以吧,可以来找一下行不行,点div,接着我要找相对于大家看它相对于页面左上角的位置,这一个位置是不是分为life的值和top值。
02:09
懂不懂来看这里,这个时候就要用到它的这个方法,叫欧塞。获取元素相当于当前四口的相对偏移,返回的对象,诶,返回的是一个什么对象?包含两个整形的属性,一个叫拓,一个叫什么?Left。能看懂吧,好来下面那应该怎么写点offset是吧,返回来是offset对象嘛,相当于。对不对是吧,那下面我该怎么做,off.left再一个off点。
03:00
好,我们在去测试之前,我们先自己来分析一下这个div,它的life的值和拓值应该是多少啊,Div不就是它吗?这是不是很明确啊,能不能看懂我啊,应该是10和什么20,那DD2的是不是一样的搞法。是不是D怎么整把这个拿过来。改成什么div是吧,那。大家看着这一个div VR,它这个地方写了一个拓值是多少,50,那它的值呢。那是多少,是不是跟这个外部的是一样的,那也就是说他们俩这个是1DIV1,这个是DIV2吧,啊完了这个地方还要搞一个不同的颜色,大家看这外面的是一,里面的是什么。
04:07
R1和R的life值是不是一样的,是不是啊,是啊,那现在我们可以这样。刷一下没输出干嘛。点一下。大家看它十是吧,20对不对,对,那第20和20这是没问题的是吧,那现在呢,现在它一个是十,一个70,为什么是70呢?非常简单,是20加50,也就是说我的这个值是不是这段距离。对不对,对的吧,对的,没有什么问题啊,这个其实比较简单。好,那这个我们就搞定了,用了一下它的这个offset这个方法,那下面一个我们要干嘛呢?要打印输出div相对于负元素左上角的位置。
05:14
用谁呢?这里面有一个东西叫什么position,我们来看这个时候跟那个off会不会有区别。那来一个position一个意思啊,先找到点div是吧,接着调用什么方法,Position方法一样,它也返回的是一个position对象,接着他也应该有什么。Position点,还有一个position点是吧,是的好。现在啊,我们要,诶应该还有一个这个。拉过来是吧,写上div啊。刚才说了这个是多少。
06:03
10和什么20对不对?呃,下面这个呢,十和什么70。对不对,好,请问这个是多少?十和什么20,那这一个呢多少。这不是里面相当于外面的一个坐标吗?零还有什么50。能不能理解还不知道是不是啊,要不是的话就不能理解了。是不是简单吧啊,这些API设计的挺方便的,特别好用。二。来他的这个尾不看断已是一个搞法,但是你会发现没有一个可以加参数,一个不能加参数,看到了吗。
07:05
那加参数是个什么意思啊。加参式就是设置坐标,大家看这set传一个什么东西。是不是传一个对象啊,对象里面必须有两个属性,一个叫live的,一个叫什么?来,我们来去,我们还有一个需求,点击八塔。啊OK,再来做一个啊点击把它,那怎么写呢,跟上面的写法是不是一样的,井号B,天啊,点可立放线。这个时候我要去设置DIV2,相对于页面左上角的坐标位置来设置一下,首先找到什么DIV2是吧,点什么。哪个方法of传什么对象,对象有什么属性好?我假设搞一个50可以吧。
08:15
再来一个top搞一个呃,100管他呢,可以吧,可以来,现在我们来看一下我这么操作以后。我的这一个,我要点他吧,走你。变了没有?变了吧,啊OK,好,这是这一个,因为一个是50,一个是100嘛。是不是top值比较大呀?看得懂,不就是高度比较高嘛。简单嘛,所以用它我觉得设置位置啊,这个获取位置啊,是还是比较方便的啊,不像以前特别费劲啊。
09:03
好,这是这一个啊,就这么个事,没别的啊。嗯。嗯。
我来说两句