jQuery-UI是一款非常流行的JavaScript庫，它提供了很多實用的功能和組件。其中之一便是彈出(div)效果。通過使用jQuery-UI，我們可以很方便地實現彈出效果，讓網站更加人性化。

下面的代碼演示了如何使用jQuery-UI彈出一個div：

<div id="dialog" title="彈出框">
<p>這是彈出框的內容</p>
</div>
<script>
$(function() {
$("#dialog").dialog();
});
</script>

上面的代碼中，我們需要先在HTML頁面中添加一個div，并設置它的ID和標題。然后，在JavaScript中，我們使用jQuery選擇器選擇這個div，并調用它的dialog()方法。這樣就可以實現彈出效果了。

除了使用默認樣式外，我們還可以自定義彈出框的樣式。比如，我們可以設置它的寬度、高度、背景色等。

<div id="dialog" title="彈出框">
<p>這是彈出框的內容</p>
</div>
<script>
$(function() {
$("#dialog").dialog({
width: 400,
height: 200,
bgClass: "dialogBg"
});
});
</script>

在上面的代碼中，我們通過傳遞一個包含參數的對象給dialog()方法，來設置彈出框的樣式。這里我們設置它的寬度為400像素，高度為200像素，背景色為dialogBg。

總之，通過使用jQuery-UI，我們可以輕松地實現彈出效果，讓網站更加美觀和易用。