Enter：當訊息跳出時，您可以直接點擊或按下Enter鍵來關閉訊息
Esc：可以取消關閉最後一次開啟或點選的視窗。
快速輸入帳號：在網址列輸入http://megull.idv.tw/MegullWorld/un/您的帳號/，系統會自動將帳號填入登入欄位。
例如：http://megull.idv.tw/MegullWorld/un/tester/
例如：http://megull.idv.tw/MegullWorld/un/tester/
快速輸入標籤：在網址列輸入http://megull.idv.tw/MegullWorld/tags/標籤名稱/，系統會先載入到該標籤視窗。
例如：http://megull.idv.tw/MegullWorld/tags/夏娜/
例如：http://megull.idv.tw/MegullWorld/tags/夏娜/
F1：開啟公告欄。
F2：開啟狀態欄。
F3：開啟道具欄。
F4：開啟地圖。
F5：開啟故事資料。
F6：開啟程式資料。
F7：開啟系統。
子選單開啟時F1：使用第一項功能。
子選單開啟時F2：使用第二項功能。
子選單開啟時F3：使用第三項功能。
子選單開啟時F4：使用第四項功能。
子選單開啟時F5：使用第五項功能。
子選單開啟時F6：使用第六項功能。
子選單開啟時F7：使用第七項功能。
旋轉效果 transform - rotate
本篇要介紹使用css來製作出旋轉的效果。 首先先製作兩個div有寬高的區塊。 <div class="transform"> rotate(10deg)-順時針10度 </div> <div class="transform2"> rotate(-90deg)-逆時針90度 </div> 再寫上旋轉效果的css樣式。 div.transform { -moz-transform: rotate(10deg); /*firfox*/ -khtml-transform: rotate(10deg); /*chrome及Safari*/ -webkit-transform: rotate(10deg); /*chrome及Safari*/ -o-transform: rotate(10deg); /*opera*/ transform: rotate(10deg); /*ie9?*/ width:200px; height:50px; } div.transform2 { -moz-transform: rotate(-90deg); -khtml-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); -transform: rotate(-90deg); margin-top:30px; width:200px; height:50px; } transform : rotate(10deg); 代表順時針10度 transform : rotate(-90deg); 代表逆時針90度 實際狀態可以參考範例。css-旋轉效果範例 以下為各瀏覽器的支援程度。-moz-transform 各瀏覽器支援狀態:
-khtml-transform 及 -webkit-transform 各瀏覽器支援狀態:
-o-transform 各瀏覽器支援狀態:
transform 各瀏覽器支援狀態:
Link is http://megull.idv.tw/MegullWorld/css/旋轉效果/
Tags is css,transform
Push to
Create at 2011-08-17 21:06:53, Revise at 2011-08-17 22:32:43