学习重点
- CSS定位
- 计时器及无限滚动
- arrow,buttons的设置及效果
遗留问题
function animate(offset) {
var newLeft = parseInt(list.style.left) + offset;
list.style.left = newLeft + 'px';
if (newLeft > -600) {
list.style.left = -3000 + 'px';
}
if (newLeft < -3000) {
list.style.left = -600 + 'px';
}
无限滚动对应代码(未能彻底了解并熟练运用)
体会
制作轮播图感觉像组装机器一样,需要经过背后复杂的对接、分工才能得到我们看到的效果,即使是简单的一个button,其实背后也涉及到定位、滚动、鼠标绑定事件及合理的展现设计,个人感觉JS等的难点不在理解,而是面对大量需学知识的记忆、耐心及应用的判断,这次任务感觉虽学到不少,但都比较碎片化,我只能机械地将它们集拢、组装,但不能系统化地记忆与联想,给我的感觉和英语背单词是一样的。此外,对于我这种新手来说,一次性做到没有bug是很难的,制作途中一些未知的错误很挑战耐心与判断能力。总体来说,将学到的东西付诸应用并得到成果的感觉是不错的。嗯,就是这样。
补
交上去的轮播图后来发现按钮点击事件这儿好像出了点问题(无法点击控制图片)。。。暂时没找到原因,好像是少了事件
网友评论