信息间歇性滚动,我想封装一下,麻烦大神在下面的JS函数基础上改,在线等,谢谢!!!

<ul class="flex-item" id="carousellist">
    <li>
        <a class="flex-box">
            <p class="flex-item">1sadf</p>
            <i class="icon icon-jiantouyou"></i>
        </a>
    </li>
    <li>
        <a class="flex-box">
            <p class="flex-item">1sadf</p>
            <i class="icon icon-jiantouyou"></i>
        </a>
    </li>
</ul>
carousel("carousellist", 3000);

function carousel (id, delay) {
	var ele = document.getElementById(id),
		speed = 30,
		timer = null;
	if(ele.childElementCount > 1) {
		var move = function () {
			clearInterval(timer);
			timer = setInterval(function () {					
				ele.scrollTop++;
				if(ele.scrollTop >= ele.offsetHeight) {
					clearInterval(timer);
					ele.scrollTop = 0;
					ele.appendChild(ele.firstElementChild);
					setTimeout(move, delay);
				}
			}, speed)
		}
		setTimeout(move, delay);

		ele.onmouseover = function () {
			clearInterval(timer);
		}

		ele.onmouseout = function () {
			setTimeout(move, delay);
		}
	}	
}


joffyzou
浏览 1201回答 1
1回答

joffyzou

已解决,谢谢!!
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript