可以在 cubic-bezier.com 中生成三次贝塞尔函数中的参数。 在使用动画效果的时候需要注意一个很重要的属性,也就是 animation-fill-mode
,这一属性规定了元素在动画时间以外的状态。有以下三个参数可选。
- forwards - 表示动画完成后保留最后一个关键帧中的属性值
- backwards - 表示动画延迟之前就应用第一个关键帧的属性值
- both - 同时包含
forwards
和backwards
两种设置
HTML5 新增了一种操作类名的方式,那就是为所有元素添加 classList
属性,利用这个属性我们可以方便的给一个元素添加或者移除类,下面来看看常用的四个方法。
- add(value) - 将给定的字符串值添加到列表中。若已存在,就不添加了
- contains(value) - 表示列表中是否存在给定的值,如果存在则返回
true
, 否则返回false
- remove(value) - 从列表中删除给定的字符串
- toggle(value) - 如果列表中已经存在了给定的值,删除它;如果列表中没有给定的值,添加它。
比如,我想给 div#test
添加一个 move
类,可以在 JavaScript
中使用下面的代码 :
var element = document.getElementById("test");
element.classList.add("move");
new Date().getMonth()
返回的值在 [0, 11]
之间, 0 代表一月。
new Date().getDay()
返回的值在 [0, 6]
之间,0 代表星期天。