隨著互聯網的發展，我們經常會發現在很多網頁上都有各種各樣的浮動按鈕，這些按鈕可以實現一些重要的功能，例如分享、收藏、留言等等。如何創建這樣一個浮動按鈕呢？Jquery庫提供了一種簡單且易于使用的方法來創建浮動按鈕。

$(document).ready(function(){
var btn = $('').attr({
'id': 'floatBtn',
'class': 'float-btn',
'title': 'Click me'
}).html('');
$('body').append(btn);
$(window).scroll(function(){
var scrollTop = $(this).scrollTop();
$('#floatBtn').css({
'top' : scrollTop + 60 + 'px'
});
});
});

在這段代碼中，我們首先通過document的ready事件來創建一個按鈕，并添加ID、類和標題等屬性。這個按鈕使用了font-awesome字體，并在按鈕內部插入了一個筆的圖標。

然后，我們在頁面上添加了這個按鈕，并使用scroll事件來檢測頁面的滾動狀態。當頁面滾動時，我們會得到scrollTop的值，然后通過css方法來更新按鈕的top值，以使其固定在頁面上方。這樣，無論用戶在頁面上的哪個位置，按鈕始終可見。

如果您想進一步Personalize您的按鈕，您可以使用不同的屬性來改變按鈕的樣式。最終創建你自己的自定義頁面浮動按鈕。