jQuery Mobile Panels 小參考教學

 

jQuery Mobile Panels 小參考教學

jQuery Mobile Panels 小參考教學 @ 腦爸打 Compbrother

小知識教學類型: 手機應用程式開發

早前我們提及到jQuery Mobile Pages這概念，每頁jQuery Mobile的手機應用程式頁面都可透過jQuery Mobile Pages來創建和定義。而Pages當中，jQuery Mobile Panels也是一常用的方法，可制作不同的Panels，更有效地管理和展示Pages中想展示的資訊或功能。

創建jQuery Mobile Panels，在div 中置入1data-role="panel"便可以，並用id來命名這Panel。Panel中你可用常用的html tag來任意架設Panel中的展示內容。

那在Page中如何呼喚Panels? 很簡單，用a href呼喚Panel的id名稱，Panel內容便會展示出來。



如需協助 「手機應用程式開發」 ，歡迎立即 聯絡我們!


此網誌的熱門文章

脑爸打有限公司

圖片
CompBrother Limited 腦爸打有限公司」由兩名香港中文大學電子計算學系  (ComputerScience)    的優秀碩士，於 2010 年所創立。 憑著對電腦及資訊科技的熱誠，公司致力為社會各界人士提供最全面性、 最實惠 、最優質的電腦 / 資訊科技服務， 當中包括 專業網站及系統程式製作、超強功能網站平台系統製作、手機應用程式 (Mobile Apps) 開發、時尚多媒體設計 、專業短片 Video 製作 、伺服器 Server 租用 、 皇牌團購網站製作、 電子商貿及網上商店、 IT 電腦補習、超強網絡宣傳及營銷等專業 IT 服務。 '
閱讀更多

JavaScript Random - 網頁程式世界的隨機

圖片
 JavaScript Random - 網頁程式世界的隨機 小知識教學類型: 網頁設計、網站製作 人的生活當中，即使有著因果的種種連鎖關係，但人的一生及世事萬物都有著其隨機性。網站製作上的網頁程式，其實也可模擬現實世界的隨機性，JavaScript Random就是當中的好選擇! Math.random(); 返回 0（包括）和 1（不包括）之間的隨機數： Math.floor(); 可用於返回隨機整數 實際例子: Math.floor(Math.random() * 10); 返回一個從 0 到 9 的隨機整數： Math.floor(Math.random() * 11); 返回一個從 0 到 10 的隨機整數： (Math.floor(Math.random() * 10) + 1; 可達到同樣的效果) Math.floor(Math.random() * 100); 返回一個從 0 到 99 的隨機整數： Math.floor(Math.random() * 1000); 返回一個從 0 到 999 的隨機整數： 網頁程式編寫員可以自身藉著創建JavaScript 的 Function 來活用 JavaScript Random，例如，這個 JavaScript 函數總是返回一個介於 min（包括）和 max（排除）之間的隨機數： function getRandomInteger(min, max) { return Math.floor(Math.random() * (max - min) ) + min; } 善用好網頁程式的隨機編程，可以讓程式運算更活像真實世界，及有助於運算時提供需要的公平性機會率。 ...
閱讀更多

選用只有一個頁面的網站? (缺點篇)

圖片
 選用只有一個頁面的網站? (缺點篇)  小知識教學類型: SEO搜尋引擎優化 網站互聯網時代，電腦和手機是人類生活甚至是身體的一部份，各式各類的資訊在互聯網雲集，所以為方便大眾瀏覽和簡化資訊輸出的體驗，興起了有些公司其官方網站只有一個頁面，全個網站就只有主頁(index)，可是當中有著什麼缺點? a) 資訊簡潔清楚，但亦可以是複雜難懂，因為全都集中在一個頁面中，公司簡介、服務詳情、產品選擇、聯絡我們等等全部集中在一個一頁，若網頁設計和架構上不花點功夫，大眾進入網站可能更為迷失 b) 功能層面，網站開發時間和成本大大減低; 但外觀設計層面，可能因而提升，因為要製作一個精華版的網站，網頁設計和架構架設實在相當考功夫 c) 網站訊息必需單一，但若然公司開始拓展或引進新的服務或產品，一頁網站可不夠用了 對於初創企業(Startup)或微企，可說是生意入門的簡單入場卷，有其優勢亦有其缺點，決定製作一頁網站前建議先諮詢科技公司的意見。而對於SEO搜尋排名優化的觀念來看，一個頁面的網站就吃虧了，我們會再另文詳述。 如需協助 「 SEO搜尋引擎優化 」 ，歡迎立即 聯絡我們 !
閱讀更多