8 月
29
2009

jQuery 3D Layer

上一篇效果的突發奇想

多圖層錯動的效果可以讓人產生立體的錯覺,Spolight這個點子啟發了我一個小點子,是不是可以做出更完美的仿3D效果?

說明白點就是利用z-index來安排上下順序,並給個別物件不同的移動系數,但是如果要個別設定實在是太費力了,如果畫面元素一多就會累死人,得要寫個有系統的lib,但沒想到有人已經完成了這個想法XD!!

這個jQuery plugin名子叫做jParallax

利用ul清單來在xhml資料層完成順序的安排,然後指定各圖層其他參數

他網站有提供許多有趣的應用demo,不過看來跟我的spolight差異不大,還是那句老話,殺雞焉用牛刀XD

這邊有個較有看頭的Demo,基本上是一個設計師的網站簡介,不過普通這種效果可能在flash上比較容易被看見,現在輕量化在js上真得是太神奇了!

另外一個Flash完成的Demo,使用了正牌的3D引擎來實作,相當的吃資源= =,不過他的主題很有趣,照片不外乎是掠食者與被掠食者的腳色互換,每一張照片都相當有意思XD

Written by in: 攝影,電腦三兩事 | 標籤:

尚無留言 »

RSS feed for comments on this post. TrackBack URL


Leave a Reply

Powered by WordPress | Theme: Aeros 2.0 by TheBuckmaker.com