友情链接走马灯代码怎么设置,网站友情链接走马灯插件推荐
```html
```css
.carousel-container {
width: 100%;
overflow: hidden;
.carousel-list {
display: flex;
white-space: nowrap;
transition: transform 0.5s;
.carousel-list li {
margin-right: 10px;
.carousel-list li:last-child {
margin-right: 0;
```javascript
var carouselList = document.querySelector('.carousel-list');
var carouselItems = document.querySelectorAll('.carousel-list li');
var currentIndex = 0;
function moveCarousel(direction) {
currentIndex += direction;
if (currentIndex < 0) {
currentIndex = carouselItems.length - 1;
} else if (currentIndex >= carouselItems.length) {
currentIndex = 0;
}
var offset = carouselItems[currentIndex].offsetLeft;
carouselList.style.transform = 'translateX(-' + offset + 'px)';
setInterval(function() {
moveCarousel(1);
}, 2000);
使用注意事项
推荐与本文相关的好文: