纯css3超酷tabs选项卡动画特效插件
这是一款使用纯css3制作的超酷tabs选项卡动画特效插件。该tabs选项卡插件共有5种特效,分别是淡入淡出、弹性放大缩小、上下滑动、来回翻转等特效
效果演示:http://www.htmleaf.com/css3/animation/2014100764.html
下载地址:http://www.htmleaf.com/Demo/2014100762.html
6、纯css3炫酷加载loading动画特效插件
这是一款通过CSS animation创建的类似gif加载图片的纯css3加载loading动画插件。这个css3加载loading动画插件集成了5种炫酷效果,有旋转、放大缩小、风车效果和太阳系9大行星效果。
效果演示:http://www.htmleaf.com/css3/css3donghua/20141117510.html
下载地址:http://www.htmleaf.com/Demo/20141117511.html
手机端页面切换,页面跟随手势上下/左右滑动,依赖zepto.js。如果工程中同时使用jquery的话,采用如下方式来调用zepto的方法。
(function($){$('#Marke').touchSlider({direction: 'v',itemSelector:'.slide',slidePercent:0.2})
})(Zepto)。
调用方式:$('#Marke').touchSlider({direction: 'v',itemSelector:'.slide',slidePercent:0.2})
direction:v/h,竖滑或横滑。
itemSelector:需要滑动的一组DOM元素,使用同一的className来标识。
slidePercent:用户滑动多少百分比(0.0~1.0)后才会触发slider,否则就还原到滑动前的位置。
扩展资料:
zepto的使用:
1,针对移动端程序,Zepto有一些基本的触摸事件可以用来做触摸屏交互。
2,DOM操作:,添加id时Zepto会生效。
3,事件触发:使用zepto时load事件的处理函数会执行。
4,事件委托:zepto中,选择器上所有的委托事件都依次放入到一个队列中。
5,width() 与 height():zepto由盒模型(box-sizing)决定,用.width()返回赋值的width,用.css('width')返回border等的结果。
这个css是实现不了的,你可以通过js或者jq来判断,屏幕滚动到某一点上的时候,给对应的元素加上动画类。或者你还可以选着用现成的jQ插件来实现,页面滚到某一位置时,就会出现相应的动画,推荐你去百度搜一下 wow.js或则 aos.js