小游戏 - 手机平板介面切版

使用技术

HTML4 + jQuery + CSS3

使用软体

DreamWeaver

此页面不是 RWD 是一个单纯的 Mobile 页面，因此在设计上不必考虑到桌机的版本，但是在此专案中我不仅有考虑到平板的尺寸，也考虑到直( Portrait ) 与横( Landscape ) 的观看模式，因此在不同的装置上使用 @media only screen 来区别装置视觉上的差异，并以 jQuery + CSS3 的Transition 搭配作出微动画的 Menu 效果，在中间 Icon 的排列也会随着装置的尺寸不同自适应去做变化，也搭配 JS 套件做出微动画的特效。