參考這篇文章: Building An Interactive Timeline With Kendo UI,基於Sebastiano Guerriero’s Vertical Timeline改寫成以Google Spreadsheet為資料來源的版本,只要將此Spreadsheet另存副本到自己的Google雲端硬碟,再將自己的 [檔案]>[發佈到網路],然後將該程式(jsfiddle, jsbin)第52行的 1Z54-N6h0Dl-JSfr2o95f58g2omYz7DLw9CX-j7Th_VQ 更換成自己的檔案序號。
聯絡表單
參考這篇文章: Building An Interactive Timeline With Kendo UI,基於Sebastiano Guerriero’s Vertical Timeline改寫成以Google Spreadsheet為資料來源的版本,只要將此Spreadsheet另存副本到自己的Google雲端硬碟,再將自己的 [檔案]>[發佈到網路],然後將該程式(jsfiddle, jsbin)第52行的 1Z54-N6h0Dl-JSfr2o95f58g2omYz7DLw9CX-j7Th_VQ 更換成自己的檔案序號。
Total comment
Popular Posts
-
「 所有能用 JavaScript 編寫的程式,最終都會被寫成 JavaScript。(Any application that can be written in JavaScript, will eventually be written in JavaScript...
-
找個模仿的對象吧,我們做個類似 GOMAJI的行動網頁 ,如何? 先從 jQuery Mobile Quick Start Guide 認識最基本的語法框架( Mobile page structure ),把"Create a basic...
-
9大理由告訴你為什麼應該學會 HTML 跟 CSS 能寄出自己設計過的 E-mail給客戶 能為公司設計精美的電子報 能幫公司在 WordPress的網站美化 能教你的同事(或老闆)coding 能讓技術小組的同事愛死你 能用你設計的 Tumblr部落格炫耀...
-
Materialize CSS 是Carnegie Mellon University的學生開發出來的框架,個人認為是實現Material Design的首選。(下載Materialize CSS後就可以自行利用這個範例 (jsfiddle) ( codepen ) ( j...
-
Tabletop.js takes a Google Spreadsheet and makes it easily accessible through JavaScript. Step One: make a Google Spreadsheet a...
-
直接到 官方網站 下載範例程式做練習吧! 舉例來說,官方網站範例下載後,在 docs\demos\ 的 autoplay.html ,先帶大家找出來那些多餘的語法將之去除後,再改成 以陣列方式產生捲動內容的版本(jsfiddle , jsbin ),並且注意裡...
-
光是從Google Maps JavaScript API官網上的既有範例程式,很多只要小小改寫就能進一步發展蠻實用的功能,大家應該常常去逛逛看看的!( 免費使用每天上限25,000次地圖 ) 首先,最簡單的招式連Google Maps API都還不必搞懂,...
-
先看下列文章: 利用Google問卷(試算表)當小型資料庫 -更新版- 製作資料庫 利用Google問卷(試算表)當小型資料庫 -更新版- 存取資料庫 (看看以 這個試算表 寫出來的 這個實驗例子(jsfiddle)...
-
痞客幫是國內民眾最喜歡使用的部落格平台之一,這裡累積了大量的分享文,若能善用,將是開發的APP或Website的重要內容養分。 參考痞客幫 PIXNET API 的 列出分類的熱門文章/最新文章/近期熱門文章 ,很容易就能寫個小小程式取得痞客幫...
-
調出圓角頁籤或按鈕的CSS ( 範例 ) (參閱 CSS :active Selector語法 ) (至於點擊按鈕之後的進一步動作就要靠javascript程式來做設定了) 調出圓角框線的CSS Matic Border Radius 調出漸...