HTML - CSS - footer floating toolbar bottom 瓢浮置底的工具列


哈哈 前幾天花了不少時間用 HTML footer bottom 等相關字眼在那邊找怎麼做置底的工具列... 怎樣看都不是我要的那種, 結果今天用 html floating toolbar bottom 終於找到了! 而且還很簡單!

只要把你要置底的東西 ex.

#footer { width:100%; height:100px; position:fixed; bottom:0px; z-index:1; }

就成功啦
另外要注意的是, 因為這東西是會蓋過下面的內容, 所以你得讓下面內容的底部也空出該footer高度的空間出來, 以免看不到蓋住的內容... ex.

#page { padding:0 0 100 0; }

PS: #page為我頁面內容的容器(div)

留言

張貼留言

這個網誌中的熱門文章

自己設計讓網頁支援多國語系的架構

首先我們要把問題釐清，支援多國語系最基本的概念就是，畫面上的文字要被替換。 於是我們先建立一個用來被替換的多國語系字典檔 這邊先簡單用物件來當範例 // 多國語系文字庫 var gLib = { "0000": { "CHT": "Traditional Chinese (繁體中文)", "ENU": "English (English)", "KOR": "Korean (한국어)" }, "0001": { "CHT": "語言", "ENU": "Language", "KOR": "언어" }, "0002": { "CHT": "選擇語言：", "ENU": "Select your language:", "KOR": "언어를 선택하세요 :" } } 有了多國語系文字庫之後，我想要建立一個管理器來存取這個文字庫，我希望這個管理器僅保有我指定語言的部分，並且提供取用的 get function // 文字庫管理器 var gTxtLib = { resource: undefined, set: function(lib, lang) { var result = undefined; if (typeof lib == 'object') { result = {}; for (var id in lib) { var txtObj = lib[id]; result[id] = (lang in txtObj ? txtObj[lang] : undefined); } } this.resource = result; }, has
閱讀完整內容

javascript - 樂透 lottery - 號碼產生器

圖片
本文想要分享，如何用javascript制作一個抽籤程式，然後是以樂透號碼為範例。 一、 首先，我們必須要知道如何使用亂數產生器，在javascript裡面 Math.random() 可以取得一個介於 0 ~ 1 (不包含1) 的浮點數亂數，而在實際使用上我們希望得到的是某個正整數，也就是編號幾號的東西，所以我們得動點手腳運算。 比如現在有一個陣列 arr[10]，裡面放著 arr['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j'] 十樣東西，我們要挑出一個，所以我們希望得到的亂數是 arr 的 index： 0, 1, 2, 3, 4, 5, 6, 7, 8, 9 其中一個號碼，於是做這樣的運算 Math.floor(Math.random() * 10) ，比如 0.452 * 10 = 4.52 去掉小數位數得到 4，比如 0.999 * 10 = 9.99 去掉小數位數得到 9。 * 10 是因為有10個選項，而 Math.floor 是去掉小數位數只取整數部份的涵式。 這樣的運算會使得每個東西的機會均等嗎? 當亂數 0 ~ 0.099... * 10 得到 0 ~ 0.99... 取 0 當亂數 0.1 ~ 0.199... * 10 得到 1 ~ 1.99... 取 1 當亂數 0.2 ~ 0.299... * 10 得到 2 ~ 2.99... 取 2 當亂數 0.3 ~ 0.399... * 10 得到 3 ~ 3.99... 取 3 當亂數 0.4 ~ 0.499... * 10 得到 4 ~ 4.99... 取 4 當亂數 0.5 ~ 0.599... * 10 得到 5 ~ 5.99... 取 5 當亂數 0.6 ~ 0.699... * 10 得到 6 ~ 6.99... 取 6 當亂數 0.7 ~ 0.799... * 10 得到 7 ~ 7.99... 取 7 當亂數 0.8 ~ 0.899... * 10 得到 8 ~ 8.99... 取 8 當亂數 0.9 ~ 0.999... * 10
閱讀完整內容