Rotate3di.js实现KFC精选套餐特效

作者:林炜贤来源:www.163css.com发表时间:(2012-11-04)

今天我们来介绍一个插件,这个插件叫rotate3di.js,你可以先百度一下,很多网站都有这个插件的介绍。

百度上有的东西,我就不多说啦,我们先打开KFC的网站,我们进入“精选套餐”:

当我们点击了上面的套餐时,不像平常的页面跳转,而是用弹出层的方式对产品进行介绍,当然了,如果点击下面的“订购”就会要你输入手机之类。

我们今天的主题是3d旋转,提到3d,大家有兴趣可以看下这文章:“jQuery实现”女人潮”3D旋转动画”,"OPPO.COM鼠标3D旋转手机特效",看来3d我们做了不少啊。我们今天来为KFC做一个小改动,我们将上面的动画改成下面的:

当鼠标划过时:

同样是交互的效果,也许是策划者不同,大家的爱好也不一样。。。

也许你会注意到rotate3di里的参数,对的,这个插件就是通过参数实现不同的翻转,这个,你百度吧。。。

以下我的提供源文件,欢迎有需要的朋友下载使用:

预览地址:http://www.163css.net/net163/cssjs/2012/11/rotate3di/index.html

下载地址:Rotate3di_js实现KFC精选套餐特效.zip

返回作者主页:www.163css.com阅读 (6252)
更多 1