CSS3로 원활한 캐러셀 광고 만들기-CSS 튜토리얼-php.cn

CSS3로 원활한 캐러셀 광고 만들기

php中世界最好的语言

풀어 주다： 2018-03-21 10:35:26

원래의

2887명이 탐색했습니다.

이번에는 CSS3를 사용하여 원활한 캐러셀 광고를 만드는 방법을 알려드리겠습니다. CSS3를 사용하여 원활한 캐러셀 광고를 만드는 주의사항은 무엇인가요? 실제 사례를 살펴보겠습니다. HTML 아키텍처의 화학 다이어그램. Carousel, 첫 번째 사진으로 원활하게 전환하는 방법에 대해 고민 중이었습니다. 처음에는 Carousel 중에 9번째 사진에 도달했는지 직접 판단한 다음, 전환 취소를 호출하는 것에 대해 생각했습니다. , 그리고 index=1 로 바꿔서 첫 번째 사진으로 원활하게 전환하게 됐습니다. 끝났다고 확신한 순간 뺨을 맞았습니다!!!!!!

<p class="layout">
    <p class="jd_banner">
        <ul class="clearfix">
            <li><a href="#"><img src="images/l1.jpg"></a></li>
            <li><a href="#"><img src="images/l2.jpg"></a></li>
            <li><a href="#"><img src="images/l3.jpg"></a></li>
            <li><a href="#"><img src="images/l4.jpg"></a></li>
            <li><a href="#"><img src="images/l5.jpg"></a></li>
            <li><a href="#"><img src="images/l6.jpg"></a></li>
            <li><a href="#"><img src="images/l7.jpg"></a></li>
            <li><a href="#"><img src="images/l8.jpg"></a></li>
            <li><a href="#"><img src="images/l1.jpg"></a></li>
        </ul>
    </p>
</p>

로그인 후 복사

그럼…

CSS3 전환은 비동기 이벤트이기 때문에 그 당시 나는 갑자기 내가 어리고 무지하다는 것을 깨달았습니다.