焦点图轮播特效_技术问答

首页免费课焦点图轮播特效问答

焦点图轮播特效

全部评论问答未解决精华

Gone4400233

谢谢老师，老师讲的很棒，慕课网很棒，点赞

0 7-1 自动播放

2016-11-21

帕克鹏

进度条看不清楚不能随心控制

0 1-1 原理介绍

2016-11-21

qq_俺忘了_0

老师把left直接写进行间了
正常是不会写里面去的
所以一般用getCurrentStyle获取样式表里的left 不获取行间的left

0 3-1 箭头切换

2016-11-20

qq_俺忘了_0

添加一下那个小小同学的代码
function move(dis) {
oWrap.style.left=parseInt(getStyle(oWrap,"left")) + dis + 'px';
}
oWrap是ul的ID 自己替换
oLeft.onclick=function () {
move(600);
};
oRight.onclick=function ()
{
move(-600);
};

1 3-1 箭头切换

2016-11-20

qq_俺忘了_0

说实话不是很好
封装id
获取currentStyle
把left还写在行间
图片多加两个完全没必要

2 3-1 箭头切换

2016-11-20

慕粉4025628

我还是回头重新学一遍js吧，前面都白学了

6 5-1 按钮切换

2016-11-19

慕慕8663590

老师想得怎么总是和我不一样呢？我是for循环的时候又新建了一个变量buttons[i].int = i;保存它的索引值，然后再去list.style.left = -600 + -600 * this.int +'px';

0 5-1 按钮切换

2016-11-18

慕慕8663590

在显示小黄点的时候可以直接用 index = Math.abs(parseInt(list.style.left) / 600) 来计算出index就不用再判断了

4 4-1 无限滚动

2016-11-18

darkofnight

这个与前面的Tab切换冲突，求解决办法

2016-11-17

goon_

非常感谢！！

2016-11-15

心有猛虎_细嗅蔷薇

我觉得这个课程才是让我真正开始了解到JavaScript语法的逻辑。
从箭头切换->无限滚动->按钮切换->延迟切换->自动播放。
在这个过程中，每个函数的封装，每个函数的调用，每个Bug的修复与优化，循序渐进。
看着自己写完的200多行代码，很开心。
我相信方法肯定不止一种，还会有更优化更精炼的代码能实现焦点轮播的功能，等着我们去研究~

1 7-1 自动播放

2016-11-13

心有猛虎_细嗅蔷薇

这节课与Amy老师的《Tab选项卡切换效果》第三章搭配起来听，效果会很好。要实现的功能都是自动切换

0 7-1 自动播放

2016-11-13

心有猛虎_细嗅蔷薇

听到动画，我就立刻想起了CSS样式。添加transition即可实现效果

3 6-1 动画函数

2016-11-12

没心没肺活着不累4337143

你们有没有发现当图在第一张的时候，直接点第五张，会有空白

2 7-1 自动播放

2016-11-12

zyxailgq

妹子好美~

0 1-1 原理介绍

2016-11-09

首页上一页 17 18 19 20 21 22 23 下一页尾页

开始学习

课程须知: 您需要有HTML，CSS经验，能使用CSS制作静态页面，并对JS基础知识有一定的了解

老师告诉你能学到什么？: 您将能掌握非常实用的焦点图轮播特效的制作过程。

微信扫码，参与3人拼团

热搜

最近搜索清空

焦点图轮播特效