122 lines
3.0 KiB
JavaScript
122 lines
3.0 KiB
JavaScript
$(function () {
|
|
jQuery("#slides1 .slides-img a").SwitchFade({
|
|
text: '#slides1 .slides-txt a',
|
|
prev: '#slides1 .slides-left',
|
|
next: '#slides1 .slides-right',
|
|
num: '#slides1_btn.slides-num span',
|
|
className: 'cur',
|
|
playTime: 4000,
|
|
lendy: '.x',
|
|
indy: '.x',
|
|
// autoPlay:false //是否自动轮播
|
|
});
|
|
|
|
jQuery("#slides2 .slides-img a").SwitchFade({
|
|
text: '#slides2 .slides-txt a',
|
|
prev: '#slides2 .slides-left',
|
|
next: '#slides2 .slides-right',
|
|
num: '#slides2 .slides-num span',
|
|
className: 'cur',
|
|
playTime: 4000,
|
|
lendy: '.x',
|
|
indy: '.x',
|
|
// autoPlay:false //是否自动轮播
|
|
});
|
|
|
|
$(".index-sw1").autoPlayTabs({
|
|
tabHead: ".index-card-nav li",
|
|
tabCont: ".index-card-body .index-item",
|
|
cur: "cur",
|
|
autoPlay: true, // Enable auto-play
|
|
interval: 5000
|
|
});
|
|
|
|
$(".index-sw2").autoPlayTabs({
|
|
tabHead: ".index-card-nav li",
|
|
tabCont: ".index-card-body .index-item",
|
|
cur: "cur",
|
|
autoPlay: false, // Enable auto-play
|
|
interval: 5000
|
|
});
|
|
|
|
$(".index-sw3").autoPlayTabs({
|
|
tabHead: ".index-card-nav li",
|
|
tabCont: ".index-card-body .index-item",
|
|
cur: "cur",
|
|
autoPlay: false, // Enable auto-play
|
|
interval: 5000
|
|
});
|
|
|
|
$(".index-sw4").autoPlayTabs({
|
|
tabHead: ".index-card-nav li",
|
|
tabCont: ".index-card-body .index-item",
|
|
cur: "cur",
|
|
autoPlay: false, // Enable auto-play
|
|
interval: 5000
|
|
});
|
|
|
|
const swiper = new Swiper('.swiper-container', {
|
|
// 启用 3D 旋转轮播效果
|
|
effect: 'coverflow',
|
|
grabCursor: false, // 鼠标悬停时显示抓手光标
|
|
centeredSlides: true, // 居中显示
|
|
slidesPerView: 2, // 自适应显示幻灯片数量
|
|
loop: true, // 启用无限循环
|
|
coverflowEffect: {
|
|
rotate: 0, // 旋转角度（负值表示从后面往前旋转）
|
|
stretch: 0, // 拉伸距离
|
|
depth: 100, // 深度
|
|
modifier: 4, // 效果强度
|
|
slideShadows: false, // 启用幻灯片阴影
|
|
},
|
|
// 自动播放
|
|
autoplay: {
|
|
delay: 6000, // 3 秒切换一次
|
|
disableOnInteraction: false, // 用户操作后不停止自动播放
|
|
},
|
|
});
|
|
|
|
|
|
jQuery("#book1 .tits .tits-item").SwitchFade({
|
|
text: '#book1 1',
|
|
prev: '#book1 none',
|
|
next: '#book1 none',
|
|
num: '#book1 .dots li',
|
|
className: 'cur',
|
|
playTime: 4000,
|
|
lendy: '.x',
|
|
indy: '.x',
|
|
});
|
|
|
|
jQuery("#book2 .tits .tits-item").SwitchFade({
|
|
text: '#book2 1',
|
|
prev: '#book2 none',
|
|
next: '#book2 none',
|
|
num: '#book2 .dots li',
|
|
className: 'cur',
|
|
playTime: 4000,
|
|
lendy: '.x',
|
|
indy: '.x',
|
|
});
|
|
jQuery("#book3 .tits .tits-item").SwitchFade({
|
|
text: '#book3 1',
|
|
prev: '#book3 none',
|
|
next: '#book3 none',
|
|
num: '#book3 .dots li',
|
|
className: 'cur',
|
|
playTime: 4000,
|
|
lendy: '.x',
|
|
indy: '.x',
|
|
});
|
|
jQuery("#book4 .tits .tits-item").SwitchFade({
|
|
text: '#book4 1',
|
|
prev: '#book4 none',
|
|
next: '#book4 none',
|
|
num: '#book4 .dots li',
|
|
className: 'cur',
|
|
playTime: 4000,
|
|
lendy: '.x',
|
|
indy: '.x',
|
|
});
|
|
|
|
}) |