dedecms自定义属性滚动

<!-- 在模板文件中 -->
<div class="scroll-box">
    {dede:arclist typeid='0' row='5' titlelen='30' orderby='pubdate'}
        <div class="scroll-item">
            <a href="[field:arcurl/]" title="[field:title/]" target="_blank">[field:title/]</a>
        </div>
    {/dede:arclist}
</div>

<style>
.scroll-box {
    width: 100%;
    height: 50px;
    overflow: hidden;
    position: relative;
}

.scroll-item {
    position: absolute;
    white-space: nowrap;
}
</style>

<script>
function startScroll() {
    var scrollBox = document.querySelector('.scroll-box');
    var items = document.querySelectorAll('.scroll-item');
    var itemWidth = items[0].offsetWidth;
    var scrollSpeed = 2; // 滚动速度

    function scroll() {
        scrollBox.scrollLeft += scrollSpeed;
        if (scrollBox.scrollLeft >= itemWidth) {
            scrollBox.scrollLeft = 0;
        }
    }

    setInterval(scroll, 20);
}

window.onload = startScroll;
</script>