<div id="c_banner_037-1733304903009">
<div class="e_bannerA-2 s_list" needjs="false">
<div class="swiper manbannerE">
<div class="swiper-wrapper p_swiperContainer">
<div class="swiper-slide p_slide">
<div class="p_img">
<a href="/pro_list.html" target="_self">
<img src="https://omo-oss-image.thefastimg.com/portal-saas/pg2025080117375940765/cms/image/e216a23a-7b8f-4451-af1b-a25791a4f779.jpg" alt="天天电子，点缀世界各地的节日" title="天天电子，点缀世界各地的节日" la="la"/>
</a>
</div>
<div class="p_info ">
<div>
<h6 class="p_summary">TIANTIAN</h6>
<p class="p_btitle">天天电子，点缀世界各地的节日</p>
<h6 class="p_subtitle">我们的主要产品包括各种米泡灯串，LED灯串，普通灯串及软管灯造型。</h6>
</div>
</div>
</div>
<div class="swiper-slide p_slide">
<div class="p_img">
<a href="/pro_list.html" target="_self">
<img src="https://omo-oss-image.thefastimg.com/portal-saas/pg2025080117375940765/cms/image/9daa4a17-a86c-4433-9df3-90c67d153e81.jpg" alt="专注节日灯饰，点亮全球佳节" title="专注节日灯饰，点亮全球佳节" la="la"/>
</a>
</div>
<div class="p_info ">
<div>
<h6 class="p_summary">TIANTIAN</h6>
<p class="p_btitle">专注节日灯饰，点亮全球佳节</p>
<h6 class="p_subtitle">公司通过ISO9001：2015、ISO14001：2015、ISO45001：2018等标准认证，产品获得UL，ETL,CE、GS、BS、KEMA、SAA等认证。</h6>
</div>
</div>
</div>
<div class="swiper-slide p_slide">
<div class="p_img">
<a href="/pro_list.html" target="_self">
<img src="https://omo-oss-image.thefastimg.com/portal-saas/pg2025080117375940765/cms/image/d5cd3f7b-a0ec-4bb0-9388-7c0d8dd9f088.jpg" alt="专注节日灯饰，点亮全球佳节" title="专注节日灯饰，点亮全球佳节" la="la"/>
</a>
</div>
<div class="p_info ">
<div>
<h6 class="p_summary">TIANTIAN</h6>
<p class="p_btitle">专注节日灯饰，点亮全球佳节</p>
<h6 class="p_subtitle">我们的主要产品包括各种米泡灯串，LED灯串，普通灯串及软管灯造型。</h6>
</div>
</div>
</div>
</div>
</div>
<div class="manbannerEmmBox">
<div class="manbannerEmm">
<img src="https://omo-oss-image.thefastimg.com/portal-saas/pg2025080117375940765/cms/image/e216a23a-7b8f-4451-af1b-a25791a4f779.jpg" alt="banner" title="banner" la="la"/>
<img src="https://omo-oss-image.thefastimg.com/portal-saas/pg2025080117375940765/cms/image/9daa4a17-a86c-4433-9df3-90c67d153e81.jpg" alt="banner" title="banner" la="la"/>
<img src="https://omo-oss-image.thefastimg.com/portal-saas/pg2025080117375940765/cms/image/d5cd3f7b-a0ec-4bb0-9388-7c0d8dd9f088.jpg" alt="banner" title="banner" la="la">
<div class="ntitle">
<p></p>
<span></span>
</div>
</div>
<div class="swiper-pagination p_pagenation"></div>
<div class="js_editor_click swiper-button-next p_btn_next">NEXT
<div class="line">
<div class="line-1"></div>
<div class="line-2"></div>
<div class="line-3"></div>
<div class="line-4"></div>
<div class="line-5"></div>
</div>
</div>
<div class="man_stop">
<svg t="1690333278498" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2582" width="200" height="200"><path d="M191.397656 128.194684l191.080943 0 0 768.472256-191.080943 0 0-768.472256Z" p-id="2583"></path><path d="M575.874261 128.194684l192.901405 0 0 768.472256-192.901405 0 0-768.472256Z" p-id="2584"></path></svg>
<svg t="1690333443012" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1890" width="200" height="200" hidden><path d="M893.035 463.821679C839.00765 429.699141 210.584253 28.759328 179.305261 8.854514 139.495634-16.737389 99.686007 17.385148 99.686007 57.194775v909.934329c0 45.496716 42.653172 68.245075 76.775709 48.340262 45.496716-28.435448 676.763657-429.375262 716.573284-454.967165 34.122537-22.748358 34.122537-76.775709 0-96.680522z" p-id="1891"></path></svg>
</div>
</div>
</div>
</div>
<link rel="stylesheet" href="http://gb.tiantianlights.com/css/Home_27b3de068ad77c7b77fbe2404a13f821.min.css?instance=new2025080117375978372&viewType=p&v=1760579821000&siteType=oper">
<script src="https://www.changai.com/themes/default/js/gsap.min.js"></script>
<script src="https://www.changai.com/themes/default/js/lazyload.min.js"></script>
<script id="tpltool_ExtractJs">
$(document).ready(function () {
// 自动播放时间
const time = 5000;
var atime = time / 1000;
var aFour = atime / 4;
var aFourT = aFour / 2;
let tlin = gsap.timeline();
tlin.to(".line-1", { width: '50%', duration: aFourT, ease: "linear" })
.to(".line-2", { height: '100%', duration: aFour, ease: "linear" }, ">")
.to(".line-3", { width: '100%', duration: aFour, ease: "linear" }, ">")
.to(".line-4", { height: '100%', duration: aFour, ease: "linear" }, ">")
.to(".line-5", { width: '50%', duration: aFourT, ease: "linear" });
var manbannerE = new Swiper('.manbannerE', {
loop: true,
autoHeight: true,
simulateTouch: false,
effect: 'fade',
fadeEffect: {
crossFade: true,
},
speed: 800,
autoplay: {
delay: time,
disableOnInteraction: false,
waitForTransition: false,
},
navigation: {
nextEl: '.manbannerEmmBox .swiper-button-next',
},
pagination: {
el: '.manbannerEmmBox .swiper-pagination',
clickable: true,
},
on: {
slideChangeTransitionStart: function () {
tlin.restart();
nextSlide(this);
},
},
});
function nextSlide(item) {
let nextimg = $('.swiper-slide-next').find('img').attr('src');
let nextitle = $('.swiper-slide-next').find('.p_btitle').text();
let nextdes = $('.swiper-slide-next').find('.p_subtitle').text();
$('.manbannerEmm img').eq(0).attr('src', nextimg);
$('.manbannerEmm img').eq(1).attr('src', nextimg);
$('.manbannerEmm p').text(nextitle);
$('.manbannerEmm span').text(nextdes);
let nI = $('.manbannerEmm img').eq(0);
let nT = $('.manbannerEmm .ntitle')
gsap.to(nI, { opacity: 1 });
gsap.from(nT, { y: 20, opacity: 0 });
nT.click(function () { item.slideNext(); })
let thisSlide = item.slides[item.activeIndex];
let video = $(thisSlide).find('video');
let videoDom = video.get(0);
if (video.length > 0) {
videoDom.play();
}
}
$('.man_stop').click(function () {
let stop = $(this);
let ishas = stop.hasClass('start');
if(!ishas){
console.log(ishas)
stop.find('svg').eq(0).attr('hidden', '');
stop.find('svg').eq(1).removeAttr('hidden');
tlin.pause();
stop.addClass('start');
manbannerE.autoplay.stop();
}else{
stop.removeClass('start')
stop.find('svg').eq(0).removeAttr('hidden');
stop.find('svg').eq(1).attr('hidden', '');
tlin.restart();
manbannerE.autoplay.start();
}
})
})
</script>上一篇：导航语言下拉
下一篇：已经是最后一篇