IT大神求 麦考林 主页轮播图效果jQuery,就是百叶窗效果

发布网友 发布时间：2022-04-24 15:57

我来回答

共2个回答

懂视网 时间：2022-05-13 18:35

1


2


3


4

效果图：

热心网友 时间：2022-05-13 15:43

看源码是用Slider Revolution插件实现的

源文件的实现代码

jQuery(document).ready(function() {
api =  jQuery('.fullwidthbanner').revolution(
{
delay:5000,
startheight:400,
startwidth:1120,

hideThumbs:200,

thumbWidth:100,// Thumb With and Height and Amount (only if navigation Tyope set to thumb !)
thumbHeight:50,
thumbAmount:6,

navigationType:"bullet",//bullet, thumb, none, both(No Thumbs In FullWidth Version !)
navigationArrows:"verticalcentered",//nexttobullets, verticalcentered, none
navigationStyle:"round",//round,square,navbar

touchenabled:"on",// Enable Swipe Function : on/off
onHoverStop:"on",// Stop Banner Timet at Hover on Slide on/off

navOffsetHorizontal:0,
navOffsetVertical:0,

stopAtSlide:-1,
stopAfterLoops:-1,

shadow:0,//0 = no Shadow, 1,2,3 = 3 Different Art of Shadows  (No Shadow in Fullwidth Version !)
fullWidth:"on"// Turns On or Off the Fullwidth Image Centering in FullWidth Mos
});
  
});

根据他们官网写了个实现demo 具体下载附件