如今，越來越多的網站為了提升用戶體驗，都會在頁面頂部添加一些提示框。而jquery頂部提示框便是實現這一功能的一種常用方式。jquery是一種JavaScript庫，它可以讓JavaScript更加容易使用。下面將介紹如何使用jquery實現一個簡單的頂部提示框。

$(document).ready(function() {
//添加一個div元素，作為頂部提示框的容器
$('body').append('
');
//定義函數，用于顯示頂部提示框
function showMessage(message) {
//將提示信息添加到頂部提示框中
$('#top-message').html(message);
//設置頂部提示框的位置和樣式
$('#top-message').css({
position: 'fixed',
top: 0,
left: 0,
width: '100%',
height: '50px',
backgroundColor: '#ffcc00',
color: '#333',
fontSize: '18px',
fontWeight: 'bold',
textAlign: 'center',
lineHeight: '50px',
zIndex: 9999
});
//讓提示框在4500毫秒后自動消失
setTimeout(function() {
$('#top-message').fadeOut('slow');
}, 4500);
}
//調用showMessage函數，來顯示頂部提示框
showMessage('歡迎來到我的網站！');
});

以上代碼中，我們首先在頁面的body元素上添加了一個div元素，它的id為“top-message”，這個div元素即為頂部提示框的容器。接著定義了一個名為“showMessage”的函數，這個函數的作用是顯示頂部提示框。在這個函數里，我們設置了頂部提示框的位置、樣式和提示信息，并且讓它在4500毫秒后自動消失。最后，我們調用了showMessage函數，并將一個歡迎信息作為參數傳遞給它，這樣就成功地在頁面頂部添加了一個提示框。