使用动画(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下拉框被选中的

本文探讨了使用JavaScript和CSS3实现动画效果的两种主要方式:帧动画与补间动画。帧动画通过定时器更新元素状态,而补间动画利用CSS3过渡和动画属性,特别是在移动端开发中,CSS3动画提供了更优的性能表现。文章还介绍了transform属性用于元素的旋转、位移等操作,并提及了jQuery插件的封装方法。
782

被折叠的 条评论
为什么被折叠?



