之前在Joomla! 看過 Dashboard 的 Box Mouseover 時有揭頁效果, 感到甚為神奇, 最初以為是用 js 做出的效果, 同事還用了半天時間去研究, 最後都沒研究成功, 我在腦海中也想不出方法來...
今天發白日夢時突然靈機一動, 想到了前一陣子學會的 CSS3 Transition Animation, 用 CSS3 不就可以做到！！坐言起行, 於是馬上便來實作, 果然成功做到了想要的效果 ( 請用firefox或chrome )
代碼如下:
．．．．．．．．．．．真是很準, 你也來看看吧~~
你最喜歡的顏色 和 你最討厭的顏色
只花五秒鐘做個簡單的小測驗，保證讓你赤裸裸的面對自己。
憑你的直覺從紅色、黑色、黃色、粉紅色、綠色、藍色、紫色、棕色
這八種顏色中選出『你最喜歡的顏色』和『你最討厭的顏色』吧！
OK！選好了嗎？
事實上，你最喜歡的顏色就代表『你隱藏的性格』，
你最討厭的顏色就代表『你的戀愛癖』，
想知道真實的自己是如何的惡形惡狀？趕快CHECK一下囉！
● 喜歡藍色（隱藏的性格）
喜歡藍色的人是個很有理性的人。
面對問題常常臨危不亂，在起衝突時總是默默將事情化解，
等到該與以反擊時，一定會以很漂亮的手段讓人折服。
乍看之下應該人緣不錯，不過卻不擅與人交際，所以只和志同道合的朋友自組一個小團體。
常因堅持崇高的信念而受人尊敬。
絕對的堅持己見，對旁人的意見欠缺採納的雅量，
所以與人意見不和時雖然表面上不會顯露出任何不悅，但其實心裡很介意。
分享一個 URL Rwrite 的技術, 將子域名重寫輸出顯示為子目錄的內容
例如:
http://hello.cambyliverson.com
你會看見/hello目錄中的內容
但網址會保留顯示 http://hello.cambyliverson.com
以下是相關的 Rewrite 代碼
RewriteCond %{HTTP_HOST} ^[www\\.]*sub-domain-name.domain-name.com [NC]
RewriteCond %{REQUEST_URI} !^/sub-domain-directory/.*
RewriteRule ^(.*) /sub-domain-directory/$1 [L]
CSS3 提供一個簡單的語法用以制作動態變換效果而不需要使用到 Flash 或 javascript, 它的使用方法非常簡單, 只需在你想要制作特效的原樣式中加入 transition 屬性即可, 以下是一個簡單的例子, 對應的效果可參考頂部的菜單列:
#top_menu li a {
color: #FFF;
padding: 5px 10px;
border-radius: 10px;
text-decoration: none;
-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
}
#top_menu li a:hover {
background-color: #F9C;
color: #09F;
}
The result you can refer to the top menu on this page by using firefox or chrome.
在此機最初推出時, 口味只有 5 款, Lungo, Cappucino, Latte, Mocha, Chococino, 5 款當中除了 Mocha 基本上我都試過了, 可是味道也未算突出, 只有 Choccocino 比較優勝, 成了我在家中最喜愛的飲品之一, 可是 Chococino 只是一款朱古力飲品, 一部咖啡機只用來沖朱古力, 也真是有點搞笑的。
．．．．．．．．．．．