zoukankan      html  css  js  c++  java
  • jQuery Transit CSS3 的动画特效插件

    最近利用jquery开发touch版网站的时候,常用到jquery的动画效果。

    如,slidedown animate等 动画函数。但在移动设备上测试会发现运动并不是很流畅。

    因此想到改用wekkit原生css3属性,使效果流畅了很多。 通过改变translate 而不是改变 left 或者margin-left 来实现滑动,效率提升会很明显,平滑度几乎可以媲美native app。在对js执行效率不是很高的移动终端中尤为明显。但是css3的写法复杂繁琐,于是发现了jQuery Transit这个插件。

    jQuery Transit 是一个利用了 CSS3 的过渡和转换特性来实现动画特效的 jQuery 插件,与 jQuery 的 animate 方法有着同样的语法。

    此插件支持这个特性所提供的大部分方法,同时增加了 jQuery 独有的技术:回调(callbacks)、自动增加浏览器 CSS 前缀、链盒(chaining)等。由于此插件使用了真正的 CSS3 规则,所以它不能兼容旧版本的浏览器。移动设备的浏览器基本为webkit核心,IE就去屎吧。

    压缩后只有2K,使用起来很好很方便。貌似兼容性有点不太好,我用ff9,竟然有些属性支持的不是很流畅。

    有空研究研究不断完善吧。

    官方地址:http://ricostacruz.com/jquery.transit/

  • 相关阅读:
    关于token的理解
    JavaScript 中 call()、apply()、bind() 的用法
    常用JS整理
    js里面for循环的++i与i++
    前端命名规范
    H5混合开发app常用代码
    jquery知识巩固
    水平垂直居中(固定宽不固定宽)
    css3新属性运用
    bug笔记(pc)
  • 原文地址:https://www.cnblogs.com/yaojaa/p/2301888.html
Copyright © 2011-2022 走看看