jQuery Approach:靠近对象出现动画效果

作者: nick 分类: js 发布时间: 2010-05-07 15:17 ė 6没有评论

Approach 是一个 jQuery 插件,当鼠标接近对象时可以切换出各种动画样式。它跟 jQuery animate 插件有点类似,只不过 Approach 是根据距离来激活动画,而不是时间。

如果有一个对象,Foo,在开始时透明度为0.2,并使用了下面的代码:
在样式表中:
#foo { opacity: 0.2; }
在文件的脚本标签中:
$(“#foo”).approach({
opacity: 0.99
}, 300);
根据离foo的距离,透明度将会在0.2到0.99之间变化。

注意:当你使用了jQuery UI 核心效果时,这个插件接受任何来自jQuery animate的CSS属性,也接受基于颜色的参数。

查看演示:http://srobbin.com/jquery-plugins/jquery-approach/

Github项目页:http://github.com/srobbin/jquery-approach#readme

本文出自 传播、沟通、分享,转载时请注明出处及相应链接。

本文永久链接: https://www.nickdd.cn/?p=348

发表评论

您的电子邮箱地址不会被公开。

Ɣ回顶部