索引图片切换效果的js实现

本文介绍了js实现索引图片切换的代码,供大家参考:

运行效果的截图如下:


具体代码如下

HTML代码:











CSS代码:




沪指。FT,FT下{。
背景颜色:# 000;
填充物:0 10px;
颜色:# FFF;
}



JS代码:




$(文档)Ready(函数(){)
$(# slideshowholder)。JqFancyTransitions({
效果:拉链,窗帘/波浪。
宽度:500,面板宽度
高度:700,面板高度
条带:20条,条数
延迟:5000,在ms /延迟之间的图像之间
StripDelay:50、试比较条 / /延迟MS
titleopacity:0.7,标题 / /不透明度
titlespeed:1000、MS / /标题表现速度
位置:'alternate,底部,互生,顶端/窗帘。
方向:'fountainalternate ',右,交替 / /左、随机、喷泉、fountainalternate
导航:真的,和下一个导航按钮 / /预防和控制
链接:以链接方式显示图像
});
});


以上是主要的js代码转换效果的索引图片,希望能达到动手动手的效果。