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

焦点图轮播特效

难度初级
时长 1小时 1分
学习人数
综合评分9.73
263人评价 查看评价
9.9 内容实用
9.7 简洁易懂
9.6 逻辑清晰

最新回答 / Dexter_psj
你可以去试试看parseInt(str)这个函数的作用,在第一句就写了var newLeft = parsenInt(list.style.left);这里已经把字符串转成数字了!
这个与前面的Tab切换冲突,求解决办法

已采纳回答 / Walk_
小圆点的父容器绝对定位,left:50%   margin-left= - (容器宽度的一半) 

已采纳回答 / 扎克悟空
因为需要模拟无限滚动的效果,就会在整个list中前后各插一张图片,那么5张就变成7张了!也就是3000+2*600=4200  ...具体原理可以再看看原理介绍和无限滚动这两课程。

最新回答 / 喝了这杯酒
找到原因了,是因为父容器宽度没有设置够。
非常感谢!!
我觉得这个课程才是让我真正开始了解到JavaScript语法的逻辑。
从箭头切换->无限滚动->按钮切换->延迟切换->自动播放。
在这个过程中,每个函数的封装,每个函数的调用,每个Bug的修复与优化,循序渐进。
看着自己写完的200多行代码,很开心。
我相信方法肯定不止一种,还会有更优化更精炼的代码能实现焦点轮播的功能,等着我们去研究~
这节课与Amy老师的《Tab选项卡切换效果》第三章搭配起来听,效果会很好。要实现的功能都是自动切换
听到动画,我就立刻想起了CSS样式。添加transition即可实现效果

最新回答 / fatina
哦哦,我已经找到了自己的错误,谢谢哦
你们有没有发现当图在第一张的时候,直接点第五张,会有空白

最新回答 / qq_久命_04006108
//这是模板的<?php  echo $name; ?>//这是Action<?php// 本类由系统自动生成,仅供测试用途class IndexAction extends Action {    public function index(){      $name='Donsen';        $this->name=$name;        $this->display();    }

已采纳回答 / rainy_li3676598
是, 可以通过改变top 或者bottom实现。
妹子好美~
课程须知
您需要有HTML,CSS经验,能使用CSS制作静态页面,并对JS基础知识有一定的了解
老师告诉你能学到什么?
您将能掌握非常实用的焦点图轮播特效的制作过程。

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消