八月
29
2009
0

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: 攝影,電腦三兩事 | 標籤:
八月
29
2009
7

jQuery Spotlight by using png mask

終於到快要結案的日子啦~也到了該是時候設計首頁了

想要營造出那種低調的奢華感,又不能失去趣味性,得要讓使用者感受到互動性才好

於是就想要用用聚光燈與滑鼠互動的效果,本來想要使用Flash來完成的

但...殺雞焉用牛刀?回來用用輕量jQuery就足以應付這個效果拉

效能絕對很鳥,瀏覽器絕不妥協!IE6去死

DEMO

繼續閱讀 »

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

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