判斷裝置自動跳轉 - Device v1.0

行動網頁的開發,第一件事就是要先辨識客戶端是來自於哪個系統?以便提供適合的訊息,尤其是引導客戶前往App商店下載適合版本的App時更為重要!本案例可判別的對象如下:iOS、android、WindowsPhone以及PC端,並不包含Opera(爛)!!

立即前往 »


自適應版型 - Bootstrap v3.3.4

本開發模組利用最基本的使用者視窗大小來判別呈現的方式,可兼容大螢幕PC、平板、智慧型手機、低解析度智慧型手機,本頁面亦是利用此模組開發,以下皆為該模組開發的其他案例。

立即前往 »


自適應版型 - Bootstrap v2.3.2 -官方不再支援

本開發模組利用最基本的使用者視窗大小來判別呈現的方式,可兼容大螢幕PC、平板、智慧型手機、低解析度智慧型手機,本頁面亦是利用此模組開發,以下皆為該模組開發的其他案例。不過該項目官方已不再支援及更新。

立即前往 »


五動歡樂嘉年華

特色:

  • 使用大背景
    在大螢幕時可顯示背景,手機或平板檢視時會自動隱藏。
  • 樹狀選單
    用以公佈不同月份的得獎名單
  • 建立專用icon
    利用icon來表示不同的幣別項目

立刻前往 »

冰冰有禮

把分頁選單移除,僅使用錨點方式分段檢視,但實際操作時並不是下達錨點標籤,而是利用ID屬性,且目的地需設定在前往的<div>前再新增一個<div id="錨點名稱">,不然會被選單遮住,需特別注意。

立刻前往 »

建構中

專案特色說明。

立刻前往 »


仿智慧型手機功能表 - Google Nexus Website Menu

Google官方風格的側邊攔,畫面很有質感,按鈕很大!

立刻前往 »


自訂義性能超強的功能表 - jQuery.mmenu-master

除了很美觀~還提供了一個很直觀的線上編輯代碼撰寫工具~可以完全用點選的打造出適合的Menu!可以好好研究一下!手機不能用!?

官方介紹 »

立刻前往 »


仿智慧型手機功能表 - Slide Menu

參考對象為Face Book行動版官網,該功能表可經由左上角的開始菜單觸發,由畫面左側向右滑開選單,亦可在主介面上游畫面左側向右滑開,向左或點擊右側剩餘空白處則會自動收合選單。但目前尚在研究中...

立刻前往-可滑動版 »

立刻前往-不可滑動版 »


靜態載入頁面

研究是否能夠利用靜態網頁來呼叫頁首跟頁尾,達到首尾全站共用的特性,省去每頁修改的煩惱...

立刻前往 »