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

JS动画效果

vivian Web前端工程师
难度初级
时长 2小时 8分
学习人数
综合评分9.60
537人评价 查看评价
9.8 内容实用
9.6 简洁易懂
9.4 逻辑清晰

已采纳回答 / 五谷是花生红枣眼泪和小米
错在这一行      icur=Math.round(parseFloat(getStyle(obj,attr)))*100;应该改为         icur=Math.round   (   (parseFloat(getStyle(obj,attr)))*100   );也就是说先乘100,再进行四舍五入。  按照你原先的代码这个值一直为0,因为取出来是小数,四舍五入之后必然是0。

已采纳回答 / 慕粉3801737
jQuery是一种将JavaScript封装好的框架,常用的函数(像之前写的startMove函数)都封装在里面,但是用之前要有框架源文件引入,就和独立的JavaScript文件引用一样,前提是有jQuery源文件的路径,路径有3种选择:1、下载源文件放本地,从本地路径引用;2、从网上引用,google CDN,代码为:<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></scrip...

已采纳回答 / 打开新的标签页_1
Idv1.style.opacity=chopacity+speed;在此处是一个字符串,需要将其转换为float型。Idv1.style.opacity=parseFloat(chopacity)+parseFloat(speed);

已采纳回答 / 慕妹7508549
拜托,你要是让他位置移动当然要用offsetLeft。你要是让他宽高改变当做要用offsetWidth。从字意上就可以看出来。

已采纳回答 / 墨小漓
首先css样式表有三种样式,一、内联样式在HTML标签用style属性设置,如 :<p style="color:#f90;">这是内联样式</p> 二、嵌入样式通过<head>标签内通过<style>标签设置。如: <style type="text/css">    /*这是嵌入样式*/   .stuff{color:#f90}</style>三、外部样式通过<link>标签设置。如:<link rel="sty...

已采纳回答 / shsgear
因为oDiv.style.width=200px,结果是一个字符串,parseInt()方法可以强制将字符串转换为number类型变成200,之后再进行后面的加减操作,最后加上字符串“px”成了字符串“199px” “198px”。并不是楼上说的为了不必要的错误,而是必须要这样.<...code...>

已采纳回答 / 艾狄生
让每一个定时器重置为null,去除相互的影响 ,

已采纳回答 / 向死而生3491500
链式运动代码    1.Html代码<!DOCTYPE html><html>    <head>        <meta charset="UTF-8">        <title></title>        <style>            *{                margin: 0;                padding: 0;                            }...

已采纳回答 / QQ_hu
1.45行的else拼写错了2.第20行的ali应该是一个数组,应该写ali[0],或者通过for循环遍历。

已采纳回答 / xx001
区别在于边框的有无,offset获取的是整个元素的宽度包括边框和内边距,而style.width获取的是元素内容的宽度 就是样式表设置的width。

已采纳回答 / lanrtop
你目前的代码,下面第1行里只执行了top位移 和 透明属性变0,后面的函数没有执行。///////////////////////////////////////////////////////////startMove(_this,{top:-25,opacity:0},function(){   //1行_this.style.top=30+"px";                                    //2行startMove(_this,{top:20,opacity:100}...
课程须知
1.您至少已经具备JavaSript的知识。2.您已经具备一些开发经验。
老师告诉你能学到什么?
1.使用定时器实现简单动画。2.如何一步步封装库。2.培养编程的思想。

微信扫码,参与3人拼团

微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

友情提示:

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消