课程笔记
课程/JavaScript/前端开发
焦点图轮播特效
介绍
章节
问答
笔记
new_study
2018-05-13
定时器
截图
1赞 · 2采集
哔哩少侠
2018-02-24
快速点击时,会出现小圆点和图片不对应的情况,解决方案是当图片处于动画状态时,直接屏蔽掉点击事件 next.onclick = function(){ if(animated){return;} else{ if(index == 1){ index = 5; } else{ index -= 1; } animate(-600); return false; } }
1赞 · 4采集
慕粉1006301048
2017-03-14
动画函数 ①图片在一定时间内进行位移,要判断是否达到目标值,没有达到还要继续做位移 ②声明一个变量用offset总共的偏移量除以次数(位移总时间除以位移间隔时间)求出每次移动多少 ③判断speed小于0并且left值是否大于目标值newLeft或speed大于0并且left值小于目标值,这两种情况让它做位移 ④再判断中放入定时器,一个函数不停的在一定的条件之后调用自身这种做法叫做递归 ⑤优化:声明一个函数,做动画是否在运行的存放,开始状态为false表示没有运行 ⑥!取反
0赞 · 1采集
海亮coolboy123456
2017-02-24
动画实现的代码风格
截图
0赞 · 1采集
海亮coolboy123456
2017-02-24
求位移的速度
截图
0赞 · 1采集
慕粉1639572185
2017-01-26
transition过渡会更方便
0赞 · 0采集
qq_杨柳依依_0
2016-12-10
动画函数
0赞 · 0采集
云彩无色3804005
2016-11-13
看的有点晕晕的,后面再看一遍,先过完
0赞 · 0采集
huaiai123
2016-10-26
go内部函数,在其内部才生效
0赞 · 0采集
jazia
2016-10-07
动画这部分在CSS部分加入transition即可,不用老师的GO函数也可以哦,下面是我的代码。 CSS部分: #list{ width:3600px; position:absolute; transition:left 2s; -moz-transition:left 2s; /* Firefox 4 */ -webkit-transition:left 2s; /* Safari and Chrome */ -o-transition:left 2s; /* Opera */ } 动画函数 ①图片在一定时间内进行位移,要判断是否达到目标值,没有达到还要继续做位移 ②声明一个变量用offset总共的偏移量除以次数(位移总时间除以位移间隔时间)求出每次移动多少 ③判断speed小于0并且left值是否大于目标值newLeft或speed大于0并且left值小于目标值,这两种情况让它做位移 ④再判断中放入定时器,一个函数不停的在一定的条件之后调用自身这种做法叫做递归 ⑤优化:声明一个函数,做动画是否在运行的存放,开始状态为false表示没有运行 ⑥!取反
0赞 · 5采集
_zzh
2016-09-10
setTimeout函数只执行一次;
0赞 · 0采集
谢大西瓜
2016-08-28
动画这部分在CSS部分加入transition即可,不用老师的GO函数也可以哦,下面是我的代码。 CSS部分: #list{ width:3600px; position:absolute; transition:left 2s; -moz-transition:left 2s; /* Firefox 4 */ -webkit-transition:left 2s; /* Safari and Chrome */ -o-transition:left 2s; /* Opera */ }
3赞 · 0采集
慕粉3279759
2016-08-09
animate = false; 当动画执行的时候的让animate==true; 当动画结束的时候的让animate==false; 这样就可以让让动画执行完后,在执行吓一条动画; if(animate==flase){ //判断animate是否等于false;是就执行 animat(800) }
1赞 · 2采集
宝慕林6162398
2016-04-10
getElementsByTagName() 方法可返回带有指定标签名的对象的集合。
0赞 · 0采集
丨朵粑粑花
2016-04-08
动画函数 ①图片在一定时间内进行位移,要判断是否达到目标值,没有达到还要继续做位移 ②声明一个变量用offset总共的偏移量除以次数(位移总时间除以位移间隔时间)求出每次移动多少 ③判断speed小于0并且left值是否大于目标值newLeft或speed大于0并且left值小于目标值,这两种情况让它做位移 ④再判断中放入定时器,一个函数不停的在一定的条件之后调用自身这种做法叫做递归 ⑤优化:声明一个函数,做动画是否在运行的存放,开始状态为false表示没有运行 ⑥!取反
1赞 · 1采集
日子那么长_谁敢恋恋不忘
2016-04-05
快速点击时,会出现小圆点和图片不对应的情况,解决方案是当图片处于动画状态时,直接屏蔽掉点击事件 next.onclick = function(){ if(animated){return;} else{ if(index == 1){ index = 5; } else{ index -= 1; } animate(-600); return false; } }
2赞 · 8采集
咚冬呛
2016-02-27
speed小于零,说明向右移动
截图
0赞 · 0采集
安可BOOM
2016-02-21
这里不懂,IF里面的判断条件,需要时间去理解
截图
0赞 · 0采集
山河故人
2016-01-28
设置轮播间隔时间
截图
0赞 · 0采集
竹筒饭
2016-01-26
递归调用go,实现动画效果animate
截图
0赞 · 3采集
Im_panda
2015-12-23
递归函数
截图
0赞 · 1采集
Im_panda
2015-12-23
一个函数在通过条件调用自身的方法叫递归
截图
1赞 · 1采集
ladytsh
2015-09-13
可以用这个属性代替,只是ie9及以下版本不适应! transition-duration: .5s; -moz-transition-duration: .5s; /* Firefox 4 */ -webkit-transition-duration: .5s; /* Safari 和 Chrome */ -o-transition-duration: .5s; /* Opera */
0赞 · 0采集
AminHuang
2015-05-02
递归实现动画功能
截图
0赞 · 0采集
架神
2015-04-25
1-位移总的时间 2-位移时间的间隔 3-每一次要移动多长 = 总共要偏移量/移动的次数
0赞 · 0采集
饺子_
2015-04-21
动画函数
截图
0赞 · 0采集
hi_咚咚
2015-04-16
parseInt() 会忽略字符串前面的空格,找到第一个非空格字符串,若遇到的第一个字符是数字,将会继续解析第二个字符,直到解析完后续所有字符或遇到了非数字字符。
0赞 · 0采集
letre
2015-01-27
...
截图
0赞 · 1采集
kevinwang
2014-12-22
递归调用,实现动画效果
截图
0赞 · 1采集
Ethan_0010
2014-11-05
递归:函数在调用自己称为递归。
0赞 · 0采集
数据加载中...