CSS3 實現的一個簡單的"動態主菜單" 樣本[轉]

標籤：http   ar   使用   java   sp   代碼   html   ad   ef   

其實這個樣本蠻無聊的 很簡單 也沒什麼實際的用處. 

主要是展示了 CSS3 如何?動畫效果. 

寫這個主要是想看一看 完成這樣的效果 我到底要寫多少代碼. 
同時和我熟悉的java做個比較. 

比較結果不用我說大家也知道. 

用java來實現樣本中的效果 如果不藉助第三方的架構 編碼量將是相當大的. 

就算用flash 來做 編碼量也不小. 
也許有人會說用flash開發這麼一個東西, 在強大的開發工具的協助下根本不用編碼, 
呵呵 好吧... 
其實這種質疑恰恰證明了為什麼很多flash應用看著簡單 但是對cpu佔用卻非常高. 

 

之前我在"閑聊"裡說過:"從技術角度來講,HTML5+CSS3+JS太適合做休閑類遊戲了" 
大家想想,用canvas svg webgl等技術 來做遊戲主體, js來做遊戲開發語言(同時也可以用來做指令碼), 利用html5 css3的優雅特性來做遊戲的UI(就是菜單 對話方塊 Operations 主控台一類的東西).這樣不是很好嗎? 

不廢話了 大家看附件中的樣本吧. 

請使用 Chrome 4.x 或以上版本進行預覽. (我用的是 4.1 ) 

補充 : safari 4 也可以 

animate_ui.zip (855 Bytes)

 

CSS3 實現的一個簡單的"動態主菜單" 樣本[轉]