圖.1 本網站目前的浮動視窗
這次嘗試自製一個網頁底端的浮動視窗，其實已經上線好一陣子了，有些讀者可能有注意到，就在想或許有些讀者對於語法有興趣，所以這篇文章會放上原始碼跟簡單說明。
會想要做這個視窗的原因有兩個。一是受到一些網站的啟發，有些網站會在讀者滾動頁面快到底端時出現浮動視窗，可能做訂閱的或是文章推薦；第二點是我也的確有個小需求需要用到這個小視窗，那就是請讀者填問卷。
但我認為這種小視窗出現的太積極會打擾到讀者，所以我的設計是在滾軸滾到最底部時才出現浮動視窗。當然也是考量到一點：既然希望讀者幫我填網站的「使用經驗問卷」，那沒有把文章完整看完滾到最底部的話，可能對網站的設計也比較不熟悉。當然這種視窗也可以用做其他用途，只要把裡面的文字、連結置換，馬上又可以變成其他功能的視窗了。接下來就來看看程式碼。(強烈建議在修改blogger範本前事先備份範本)
一、載入jQuery
在<head>跟</head>之間填入下面程式碼，如果網站已經有載入lazyload之類的函式庫，建議可以把語法貼在一起，比較方便管理。另外建議之前就有載入過jQuery函式庫的把它換成下面的新版，效果支援度會比較高。
二、HTML程式碼
在</body>前填入下面程式碼，第5行的文字請依自己的需求填入文字，第7行的問卷網址請置換成自己的網址。第1、2、9行是blogger判斷式，目的是讓效果在行動版範本不要出現。
三、CSS程式碼
在<head>跟</head>之間填入下面程式碼
四、jQuery程式碼
要讓視窗出現跟消失需要用到jQuery語法，一樣在<head>跟</head>間填入下面程式碼。
上面的程式碼就是目前本網站看到的效果，如果會寫CSS的可以根據自己網站的配色、風格去修改。若是安裝後有小問題也可以在下面留言區提出來討論。
