jQuery Plugin For Image Hover Transition Effect - hoverTransition

#jquery-hoverTransition

点击查看demo

单纯用css3也可以实现,不过考虑到兼容性方面至少得支持css3 transition, css3 demo

##用法

• 参数：options,item((可选,默认div))
• 选定一个元素作为hover的触发对象,使用hoverTransition

如:

var options = {speedTime:300}; $('div-parent').hoverTransitionBegin(options,'div'); 

##说明

需要import modernizr.js检测是否支持css3 transition,可以根据情况使用代码段检测去掉modernizr.js

hoverTransition使用options参数介绍:

• speedTime 指定覆盖层的速度
• easing 覆盖层的运动方式
• hoverDelay延迟执行的时间

更新日志

0.1（2014-01-10）

• 整理代码API，编写文档，开源到github