您的位置:首页 - HTML5
JS实现HTML5图片3D旋转动画(美女)

请使用支持HTML5的浏览器查看本页。
请在本页面的一个位置按住鼠标左键,向右边或者向左边拖动,就可以看看动画效果了。
也可以点击这里查看效果:http://keleyi.com/keleyi/phtml/html5/24.htm
点击这里查看源代码










这里我们引用了知名的JS动画框架TweenMax.js
我们用了n个ul来实现将图片分割成n个小长方形,为了之后js调用的方便,我们将这些ul标识成level-n。
然后我们看看CSS代码,这里主要是设置美女图片的路径。
注意需要引用jquery http://keleyi.com/a/bjad/w7bbn7nw.htm


图片的美女是斯嘉丽·约翰逊(Scarlett Johansson),1984年11月22日生于纽约,美国女演员。

大图请点击:斯嘉丽·约翰逊
本站导航
相关文章
柯乐义 Copyright© keleyi.com