CSS可以很簡單地讓
元素緩慢地顯示出來。要實現這個效果，我們需要使用transition屬性。這個屬性用于在一段時間內改變一個或多個屬性的值。我們可以通過將opacity屬性從0變為1來實現元素緩慢地顯示出來。
div {
opacity: 0; /* 初始狀態為透明 */
transition: opacity 1s ease-in-out; /* opacity屬性變化需要1秒鐘，以ease-in-out方式運行 */
}
div.show {
opacity: 1; /* 顯示狀態為不透明 */
}在上面的代碼中，我們定義了一個初始狀態下透明度為0的
元素，并且給它設置了一個過渡效果，在1秒鐘內將opacity屬性從0變為1。由于我們將過渡效果定義在
元素上，因此當其class屬性變為“show”時，它將以過渡效果緩慢地顯示出來。
要讓
元素緩慢地顯示出來，我們只需要在適當的時候添加“show”類名即可。以下是使用jQuery實現這個效果的例子：
$(document).ready(function() {
$('button').click(function() {
$('div').addClass('show');
});
});在上面的代碼中，我們在頁面加載完成后，給按鈕添加了一個點擊事件。當點擊按鈕時，jQuery會為我們選擇所有的
元素，并將“show”類名添加到它們的class屬性中。由于我們在CSS中將“show”類名與緩慢顯示效果相聯系，因此該元素將緩慢地顯示出來。
上一篇mysql 樣例