js特效通用案例
1 、 多个选项卡案例直接用
<div class="carousel-section"> <!-- Carousel 1 --> <div id="carousel1" class="bannerbox"> <div class="carousel-inner"> <div class="carousel-item active"> <img src="image1.jpg" alt="Slide 1"> </div> <div class="carousel-item"> <img src="image2.jpg" alt="Slide 2"> </div> <div class="carousel-item"> <img src="image3.jpg" alt="Slide 3"> </div> </div> <button class="carousel-control-prev" onclick="prevSlide('carousel1')">Previous</...
2 、 多个选项卡,相互不影响
<style>.xxk-content > div { display: none;}.xxk-content > div.active { display: block;}.xxk-bt button.active { background-color: #ddd; /* Add your active button styles here */}</style><div class="xxk02 tab-group"> <div class="xxk-bt"> <button data-tab="1">01</button> <button data-tab="2">02</button> <button data-tab="3">03</button> </div> <div class="xxk-content"> <div data-content="1">Content for 01</div> <div data-content="2">Content for 02</div> <div data-content="3">C...