发表于： 2017-04-04 22:34:29
1 747
今天完成的事情：
1\重审reset一切粗暴做法, 了解Normalize.css（保护有用的浏览器默认样式+保证各浏览器的一致性
2\轮播图
用CSS3
1将图片横向排列，container设置单一图片尺寸，overflow: hidden;
2对图片组设置animation:carousel 5s infinite;
3@keyframe对动画不同时间%，设置不同样式
*opera mini/IE10- 不支持@keyframes
用JS
字符串—>数字parseInt(list.style.left)
可获取自定义属性/DOM自带属性this.getAttribute('index')
设定定时器
延迟t毫秒执行fun()——setTimeout(fun(),t);——清除clearTimeout();
间隔t毫秒执行fun()——setInterval(fun(),t[,"lang"])——清除clearInterval();
明天计划的事情：
继续本任务
遇到的问题：
无
收获：
了解Normalize
熟练less animation @keyframe
返回列表
评论