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

JS动画效果

vivian Web前端工程师
难度初级
时长 2小时 8分
学习人数
综合评分9.60
537人评价 查看评价
9.8 内容实用
9.6 简洁易懂
9.4 逻辑清晰
看这个视频学到了很多以前不会想到的思考方式,很好很好

已采纳回答 / Alfen
你之前在里面的函数中的this是指向外层的startmove的,所以直接写this是取不到obj本身的,而外层的this是指向obj本身,把这个this存到一个变量里,作为参数传到里面的函数就可以了
onmousemove 事件在鼠标移动到 div 元素上时触发。

mouseenter 事件中有在鼠标指针进入 div 元素时触发。

onmouseover 事件在鼠标指针进入 div 元素时触发,在子元素上也会触发

最赞回答 / 白小明
http://pan.baidu.com/s/1ge1fVAr
这美女讲师的声音听得我想睡觉...

已采纳回答 / 且聴瘋吟
因为如果直接写在等号后面,我们就无法为编写的函数startMove()传递参数(100),也就是这个100是无法传递的,原因是事件处理函数是由系统调用的,系统调用的时候会传入一个事件对象event参数。

最新回答 / 电饭锅的规划
我是新手,不太明白你说是什么,不过我用你的代码,把其中css单独做一个文件,后引入html,然后就不能显示了。我想style能获取的应该是包括html里的css,也就是html里的css应该都算做行间样式。

最新回答 / Alfen
应该是你的样式里面没有position这个属性,top是隶属于position的,你百度一下,具体是不是我也不太清楚呀= =,感觉可能是

最新回答 / 慕后端7884698
oDiv.offsetLeft所取的是数值,而oDiv.style.left表示的是类型,类型与数值不对称,所以不能比较

已采纳回答 / 慕粉3904815
style对象只能获取通过HTML标签的style特性定义的样式,对于opacity特性是定义在<style>内嵌标签内的样式,odiv.style.opacity=" "结果为空。自己打开console->watch看看。

已采纳回答 / zpw0014065559
speed没定义,id没有双引号
window.onload=function(){
var w=function(id){
return document.getElementById(id)}
w(&#039;div&#039;).onmouseover=function(){
op(90)}
w(&#039;div&#039;).onmouseleave=function(){
op(10)}
var b=null
function op(targ){
clearInterval(b);
b=setInterval(function(){
w(&#039;div&#039;).style.opacity=targ/100||targ;
},100)}}

已采纳回答 / 大大的力量
1,var div=document.getElementById('div'); 放在move函数里面2,math改成大写 Math<...code...>
课程须知
1.您至少已经具备JavaSript的知识。2.您已经具备一些开发经验。
老师告诉你能学到什么?
1.使用定时器实现简单动画。2.如何一步步封装库。2.培养编程的思想。

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消