DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> HTML基礎知識 >> HTML5特效代碼 >> JS實現HTML5圖片3D旋轉動畫(美女)
JS實現HTML5圖片3D旋轉動畫(美女)
編輯:HTML5特效代碼     

請使用支持HTML5的浏覽器查看本頁。
請在本頁面的一個位置按住鼠標左鍵,向右邊或者向左邊拖動,就可以看看動畫效果了。
也可以點擊這裡查看效果:http:///keleyi/phtml/html5/24.htm
點擊這裡查看源代碼










這裡我們引用了知名的JS動畫框架TweenMax.js
我們用了n個ul來實現將圖片分割成n個小長方形,為了之後js調用的方便,我們將這些ul標識成level-n。
然後我們看看CSS代碼,這裡主要是設置美女圖片的路徑。
注意需要引用jquery http:///a/bjad/w7bbn7nw.htm


圖片的美女是斯嘉麗·約翰遜(Scarlett Johansson),1984年11月22日生於紐約,美國女演員。

大圖請點擊:斯嘉麗·約翰遜
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved