JQuery(或非闪光)图像的掉落和反弹效果?

时间:2012-01-27 20:30:20

标签: javascript jquery jquery-ui

在我开始之前;我是新来的,对JQuery和编码的经验很少,所以很好:)

基本上,我正在为一系列网站(Joomla和Wordpress的混合)构建一个启动页面。启动页面是www.domain.co.uk/主目录,然后这些网站是www.site.domain.co.uk/的子域名。我想用一个干净的外观"对于此页面,基本上希望将效果应用于PNG徽标。

如果你曾经使用过Apple Keynote,你可能会知道" Drop"对象构建效果,基本上模拟图像下降和像球一样弹跳,然后停止。我的想法是让徽标产生这种效果(可能是JQuery因此它可以在移动设备上运行)然后一旦点击它就加载了一个影子盒。我已经添加了影子盒,但没有掉落效果!我在那儿中途!

我希望徽标在750x1000px的页面上下降一半并适当弹跳!

我一直在寻找这个,但没有运气怎么办。我得到的最远的是知道我可能需要将两个jquery UI效果混合在一起。我什么时候开始我问自己!

我想知道是否有人在过去实现了这一点,可能会尝试构建或向我展示一些我可以调整并添加主题徽标的基本代码?

我真的很期待收到你们所有人的意见!感谢您阅读:)

2 个答案:

答案 0 :(得分:0)

使用setInterval函数

设置动画循环

使用CSS定位和缓动功能来调节运动。谷歌格兰特斯金纳 - 如果记忆为我服务,他有一个网站,有一些很容易使用的方程式。不应该很难翻译成javascript。

答案 1 :(得分:0)

查看精彩的jQuery Easing plugin。将演示选项设置为easeOutBounce和def以了解效果。