使用动画(js实现动画,css3显示动画)
一个是帧动画,一个是补间动画
帧动画:使用定时器,每隔一段时间,更改当前元素的状态
补间动画:过渡动画(加过渡,只要状态发生改变,产出动画)动画(多个节点来控制动画)性能更好
支持H5 c3要用css3(尤其移动端开发)
transition animation
transition :
组合写法(transition:all 1s linear 1s------延时1s)
拆分写法(transition-property transition-duration transition-timing-function transition-dely)
定义动画序列
上下波动 无穷次,逆播放
或者:
完全进入页面,再开始动画
封装方法,里面没有该方法的时候 需要封装----$.fn. (jquery插件封装机制入口) jquery本身没有的方法,通过$.fn的方式追加方法,认为是插件方法
$.fn.src=function(){
console.log(this.attr("src"))
}
Rotate(旋转)transform:rotate(45deg)(旋转45度,deg是degree的缩写,意为角度\
先位移 在旋转 transform:translate(105px,700px) rotate(45deg);
jq选择器 visible显示的 hidden隐藏的 checked选中的 selected下拉框被选中的