<script>

$(document).ready(function() {

var currentIndex = 0,

items = $('.slide'),

itemAmt = items.length;

function cycleItems() {

var nextIndex = (currentIndex + 1) % itemAmt;

items.eq(currentIndex).fadeOut(500, function () {

items.eq(nextIndex).fadeIn(500);

});

currentIndex = nextIndex;

}

var autoSlide = setInterval(cycleItems, 3000);

$('.service-door').on('mouseenter', function () {

clearInterval(autoSlide);

}).on('mouseleave', function () {

autoSlide = setInterval(cycleItems, 3000);

});

});

</script>

<style>

.slide { display: none; }

.slide.active { display: block; }

</style>

<div class="service-door">

<div class="slide active"><img src="image1.jpg" alt="Image 1"></div>

<div class="slide"><img src="image2.jpg" alt="Image 2"></div>

<div class="slide"><img src="image3.jpg" alt="Image 3"></div>

</div>

在上述代码中，我们定义了一个服务大厅门户的动态幻灯片展示系统。该系统使用了jQuery库来简化DOM操作，并实现了基本的自动播放功能。通过鼠标悬停可以暂停幻灯片播放，移开鼠标则恢复播放。