h5c3

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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值